Skip to main content

ListView.builder for creating ListView from Iterables like Class or Map

ListView.builder is used to create a ListView from List<Class> or List<Map<string, String>>orList<List<String>> and so on

import 'package:learn_list_view/models/shoes_data.dart'; // using the `List<ShoesData> shoesDataList = ...` from this model file
import 'package:learn_list_view/widgets/shoe_card.dart';

// ....
// ..
child: ListView.builder(
padding: const EdgeInsets.only(top: 60, right: 10, left: 10),
scrollDirection: Axis.vertical,
itemCount: shoesDataList.length,
itemBuilder: (BuildContext context, int index) {
final shoeCardData = shoesDataList[index]; // `List<ShoesData> shoesDataList = ...`
return ShoeCard(shoeCardData: shoeCardData);
},
),