Embed presentation
Download to read offline

![VERTICAL LIST VIEW
List of elements aligned vertically.
ListView(
children:
[
Text(“Sun”),
Text(“Moon”),
Text(“Star”),
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-2-320.jpg)
![HORIZONTAL LIST VIEW
List of elements aligned vertically.
ListView(
scrollDirection: Axis.horizontal,
children:
[
Text(“0”),
Text(“1”),
Text(“2”),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-3-320.jpg)
![GRID VIEW
List of elements aligned in a tabular form.
GridView(
children:
[
Container(child: Text(“FIRST”), ),
Container(child: Text(“SECOND”), ),
Container(child: Text(“THIRD”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-4-320.jpg)
![HORIZONTAL PAGE VIEW
List of pages aligned horizontally
PageView(
children:
[
Container(child: Text(“Page 1”), ),
Container(child: Text(“Page 2”), ),
Container(child: Text(“Page 3”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-5-320.jpg)
![VERTICAL PAGE VIEW
List of pages aligned vertically
PageView(
scrollDirection: Axis.vertical,
children:
[
Container(child: Text(“Page 1”), ),
Container(child: Text(“Page 2”), ),
Container(child: Text(“Page 3”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-6-320.jpg)
This document discusses different Flutter list views including vertical list view, horizontal list view, grid view, horizontal page view, and vertical page view. It provides code examples of how to implement each type of list view using the ListView and PageView widgets and specifying properties like scroll direction and child elements.

![VERTICAL LIST VIEW
List of elements aligned vertically.
ListView(
children:
[
Text(“Sun”),
Text(“Moon”),
Text(“Star”),
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-2-320.jpg)
![HORIZONTAL LIST VIEW
List of elements aligned vertically.
ListView(
scrollDirection: Axis.horizontal,
children:
[
Text(“0”),
Text(“1”),
Text(“2”),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-3-320.jpg)
![GRID VIEW
List of elements aligned in a tabular form.
GridView(
children:
[
Container(child: Text(“FIRST”), ),
Container(child: Text(“SECOND”), ),
Container(child: Text(“THIRD”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-4-320.jpg)
![HORIZONTAL PAGE VIEW
List of pages aligned horizontally
PageView(
children:
[
Container(child: Text(“Page 1”), ),
Container(child: Text(“Page 2”), ),
Container(child: Text(“Page 3”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-5-320.jpg)
![VERTICAL PAGE VIEW
List of pages aligned vertically
PageView(
scrollDirection: Axis.vertical,
children:
[
Container(child: Text(“Page 1”), ),
Container(child: Text(“Page 2”), ),
Container(child: Text(“Page 3”), ),
….
]
),](https://image.slidesharecdn.com/flutterclass2-211023210208/85/ListView-PageView-GridView-in-Flutter-6-320.jpg)