The ListView Widget

Learn to combine a ListView and an OrientationBuilder widget to get a Flutter application UI to respond to changes in the device's orientation.

The Row and Column widgets are used for content that fits on the screen. When we have a larger or unknown number of items displayed in a vertical or horizontal orientation, we should use the ListView widget.

When considering responsive UI, there isn’t much that we need to do for a ListView. Most of the work is done by the children of ListView or by its parent. In this lesson, we’ll combine ListView with OrientationBuilder to make sure that our list looks good in both portrait and landscape mode.

A vertical list in portrait mode

We’ll reuse some code from the last lesson to create a list of items in an e-commerce application:

Get hands-on with 1200+ tech skills courses.