The Flutter scrolling ListView tutorial development tutorial describes how to create an infinite scrolling ListView.
This flutter development tutorial follows on from StatefulWidget flutter tutorial.
Disclaimer: Note this is my first time on using the flutter development environment and dart programming language. So let’s learn flutter together and join me on my journey on where I learn how to create flutter applications using the dart programming language.
Pre-requisites
Knowledge of the dart programming language is not required, but the experience of an object orientated programming language is recommended. Such as Java, C++, Kotlin, Swift to name a few.
Introduction
In this flutter development tutorial we will cover:
- Creating an arrray in dart
- How to create ListViews
- Adding items to a ListView
- Inserting a divider between rows
- Using the ListTile to style rows
- Using the Scoffold widget for setting the layout
Episodes
- Installing Flutter
- Downloading flutter project from GitHub
- The Hello World App
- Adding External Packages
- Stateful Widget
- Infinite Scrolling List
- Adding user interaction
- Switching screens
Conclusion
Flutter ListView’s were introduced in this flutter development tutorial.
A builder is provided for creating an instance of the ListView. The itemBuilder uses an anonymous function for creation of the rows. And in this flutter development tutorial, a ListTile will be provided to the itemBuilder.
The IndexedWidgetBuilder’s index will be used to compare against the suggestion array. If the index is larger than the suggestion array, ten more word pairs will be generated.
In the following flutter development tutorial, we will describe how to use the ListTile’s onTap property to interact with the scrollable list.
