I’m beginning with Flutter and I would like create a listview seems like the uploaded image.
Is it a Listview.builder with a Positioned child o how it’s created? I’m afraid I’m a little lost with that. I’ve tried some like the next code , but the Lisview.builder elements are separated. Any idea? Someone can help me?
Container(
alignment: Alignment.topLeft,
width: size.width*0.5,
height:30,
child: ListView.builder(
itemCount: userUpdate.lastBoardgamesAdded!.length ,
scrollDirection: Axis.horizontal,
itemBuilder: (context, index) {
return Padding(
padding: const EdgeInsets.all(2.0),
child:
ClipRRect(
borderRadius: BorderRadius.circular(15),
child: FadeInImage(
height: 25,
width: 25,
fit: BoxFit.cover,
placeholder: const AssetImage('assets/loaders/bottle-loader.gif'),
image: AssetImage('assets/images/boardgames/${userUpdate.lastBoardgamesAdded![index].imgUrl}'),
),
),
);
},),
)
Expected results
New contributor
Daniel Salamanca García is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.