ListView.builder
- Flutter course
- Beginner
- Lesson 47/99
- 4 min
Learn to build large lists efficiently with ListView.builder.
ListView.builder
ListView.builder builds large lists efficiently. Instead of rendering all items at once, it creates only the items visible on screen. itemCount sets the total item count and itemBuilder determines how each item is built.
ListView.builder(
itemCount: 100,
itemBuilder: (context, index) {
return ListTile(
title: Text('Öğe $index'),
);
},
)itemCount and itemBuilder
itemCount sets the total item count in the list; if omitted, ListView treats the list as infinite. itemBuilder takes a BuildContext and an index; the index parameter starts at 0 and tells which item to build. itemBuilder must return a widget for each item.
final isimler = ['Ada', 'Bora', 'Cem', 'Deniz'];
ListView.builder(
itemCount: isimler.length,
itemBuilder: (context, index) {
return ListTile(
title: Text(isimler[index]),
);
},
)Practice Print ListView.builder info
In main, print two lines with print: builder verimli and index sira.
Starter code
void main() {
// iki satır yazdır:
// builder verimli
// index sira
}Sample solution
void main() {
print('builder verimli');
print('index sira');
}Expected output
builder verimli index sira
Questions and answers
Review the lesson questions together with their answers. To test yourself, solve the lesson interactively.
1 When is ListView.builder preferred?
- When the list will not scroll
- When the list is large or the count is unknown Correct answer
- When the list is very small (1-2 items)
- When the list will be horizontal
Explanation: ListView.builder renders only the visible items; it boosts performance for large lists.
2 Total item count
ListView.builder(
____: 50,
itemBuilder: (context, index) => Text('$index'),
)ListView.builder(
itemCount: 50,
itemBuilder: (context, index) => Text('$index'),
)Explanation: The itemCount parameter sets the total item count in ListView.builder.
3 ListView.builder concepts
| Term | Meaning |
|---|---|
ListView.builder |
Efficient list builder |
itemCount |
Total item count |
itemBuilder |
Function building each item |
index |
Item's position |