ListView.builder is a versatile Flutter widget that allows you to create scrollable lists efficiently, especially when dealing with large or dynamic lists. Unlike a traditional ListView, where you provide a fixed list of children, ListView.builder generates list items on-demand as the user scrolls, which can help save memory and improve performance.
When we have to to deal with large amount of dynamically changing data or we have fetch data from the database, we have to use a ListView.builder widget.
The main difference between ListView and ListView.builder is one work with fixed data and other work with generated list items on-demand as the user scrolls, which can help save memory and improve performance.
ListView.builder widget has some additional parameters, which are:
- itemCount, is set to the length of the data source (myList), indicating the total number of items to be displayed.
- itemBuilder, defines how each list item is constructed. It receives an index, which is used to access the corresponding item in the data source.
class home extends StatelessWidget {
home({super.key});
List<String> Sub = ["CSE","EEE","CIVIL"];
List<String> FullN = ["Computer Science","Electric Engineering","Civil Engineering"];
List<int> Price =[320000,350000,470000];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(
"Listview Builder",
style: TextStyle(fontWeight: FontWeight.bold),
),
centerTitle: true,
backgroundColor: Colors.deepOrange,
),
body: Container(
child: ListView.builder(
itemCount: Sub.length,
itemExtent: 65,
itemBuilder: (context, index) {
return ListTile(
leading: CircleAvatar(child: Text(Sub[index][0]),),
title: Text(Sub[index]),
subtitle: Text(FullN[index]),
trailing: Text(Price[index].toString() + "/-"),
);
}),
),
);
}
}
Comments
Post a Comment