The flutter onTap interactive support development tutorial describes how to add onTap support to the ListTile making the widget interactive.
This flutter development tutorial follows on from the scrollable ListView 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:
- Using the Set class
- Checking if a value is in the list
- Adding icons to ListTiles
- Adding tap support to a row
- How to update the UI
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
This flutter development tutorial we described how to add an icon and onTap support to a ListTile.
An instance of the Set class was used for containing unique word pair elements. The Set class method contains was used to check whether an existing word pair has already been saved to the Set. The Set class’s remove and add methods are used to modify the Set instance.
The setState method was used to inform the UI framework to do a UI refresh after the saved list has been modified.
The ListTile trailing and onTap properties make it easy to modify a tile with icons and tap support.
In the following flutter tutorial, we will describe how to switch to another screen.