What is ListView?

Learn to build a scrollable list with ListView.

What is ListView?

ListView is a widget that arranges its children vertically and makes them scrollable. It resembles Column but automatically allows scrolling when content does not fit on screen. Its children parameter takes a list of widgets.

ListView(
  children: [
    Text('Birinci'),
    Text('İkinci'),
    Text('Üçüncü'),
  ],
)

ListView and scroll

ListView automatically provides scrolling when content does not fit on screen. Using ListView instead of a Column + SingleChildScrollView combination is more efficient because ListView only renders the visible children. The scroll direction can be changed with scrollDirection; the default is Axis.vertical.

ListView(
  scrollDirection: Axis.vertical,
  children: [
    ListTile(title: Text('Öğe 1')),
    ListTile(title: Text('Öğe 2')),
    ListTile(title: Text('Öğe 3')),
  ],
)

// Horizontal scrolling
ListView(
  scrollDirection: Axis.horizontal,
  children: [
    Container(width: 100, color: Colors.red),
    Container(width: 100, color: Colors.blue),
  ],
)

Exercise Print ListView info

In main, print two lines with print: listview kaydir and scroll dikey.

Show example solution

void main() {
  print('listview kaydir');
  print('scroll dikey');
}

Test yourself

How does ListView differ from Column?
- ListView is scrollable, Column is not
- ListView gives color, Column does not
- ListView arranges horizontally, Column vertically
- ListView takes one child, Column takes a list
Show answer

ListView is scrollable, Column is not — ListView provides a scrollable list; Column lays out at fixed height and adds no scrolling.

Scroll direction

ListView(
  ____: Axis.horizontal,
  children: [...],
)

Show answer

ListView(
  scrollDirection: Axis.horizontal,
  children: [...],
)

ListView concepts

ListView

Scrollable list
scroll

Scrolling content
scrollDirection

Scroll direction
Axis.vertical

Vertical scrolling

Next lesson: ListView.builder

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies