This website or its third-party tools use cookies which are necessary to its functioning and required to improve your experience. By clicking the consent button, you agree to allow the site to use, collect and/or store cookies.
Please click the consent button to view this website.
I accept
Deny cookies Go Back

Mobile app tutorials

  • Home
  • About
  • Contact
  • Login
You are here: Home / Flutter / Flutter onTap interactive support

December 13, 2017 by nigel

Flutter onTap interactive support


 
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

  1. Installing Flutter
  2. Downloading flutter project from GitHub
  3. The Hello World App
  4. Adding External Packages
  5. Stateful Widget
  6. Infinite Scrolling List
  7. Adding user interaction
  8. Switching screens

To get access to the source code and code descriptions please fill out the form below to complete your free membership:
An account with your username and/or email address has been created. Log in here to access your products or complete a purchase. [Note: an account will be created even if your initial transaction failed at checkout. If this happened to you, simply log in and attempt your transaction again.]


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.

Print Friendly

Filed Under: Flutter Tagged With: Dart, Flutter, Flutter Ontap, Icon, Ontap, Tap Support, Widget

  • Facebook
  • Google+
  • Twitter
  • YouTube




Recent Forum Topics

  • Kotlin Fragments
  • Kotlin Camera2 API
  • HTTP Image Libraries

Recent Posts

  • Installing and running flutter
  • Kotlin Camera2 API MediaRecorder
  • Flutter IntelliJ Tips for Beginners
  • Migrating Fragments to Jetpack Navigation
  • Flutter TabBar

Recent Posts

  • Installing and running flutter
  • Kotlin Camera2 API MediaRecorder
  • Flutter IntelliJ Tips for Beginners
  • Migrating Fragments to Jetpack Navigation
  • Flutter TabBar

Search Form

  • Facebook
  • GitHub
  • Google+
  • Twitter
  • YouTube

© 2019 - WWW.MOBAPPTUTS.COM