This course is available as part of the raywenderlich.com Professional subscription. To learn more click here

Flutter ListView

Pro

Feb 18 2020 · Video Course (45 mins) · Beginner

Learn and understand how to use the ListView widget in Flutter to display lists and scrollable interfaces.

5/5 2 Ratings

Version

  • Dart 2.7, Flutter 1.0, VS Code 1.40

Explore ListView

What is a ListView? Get to know this widget, explore some of its properties and see how to display a list of data.

1

Explore different variations of the ListView widget through its constructors and understand their differences.

2

See how the ScrollPhysics differs on Android and iOS and learn about the primary property and how it affects scrolling in the viewport.

3

See how different properties affect the rendering of the ListView and its children and learn when to use them.

4

Learn how to control scrolling and listen for events of a ListView through the ScrollController class.

5

ListView in Action

Display the result from an online API response in our application using the ListView.builder() constructor.

6

Make a new request to load more items when you scroll to the end of the ListView and display an item loading state while making the network call.

7

Animate the scroll to top FloatingActionButton based on the scroll direction of the ListView widget.

8

Learn how to use the AnimatedList widget to incorporate animations when adding and removing items from the the List.

9

Get a basic introduction to other ScrollViews like the GridView widget and learn when to use a CustomScrollView.

10

Who is this for?

This course is for Flutter, iOS and Android developers seeking to learn how lists and collection type of interfaces are created in Flutter. It is expected that you have knowledge of setting up a basic Flutter application before taiking this course.

Covered concepts

  • Explore ListView and its constructors
  • Scroll Physics and other ListView properties
  • Scroll Animations and NotificationListener
  • Infinite Loading List
  • Use AnimatedList to animate list items
  • Other variations of ListView and ScrollViews

Contributors

Comments