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 switching screens

December 13, 2017 by nigel

Flutter switching screens


 

The flutter switching screens development tutorial describes how to add icons to the app bar and then navigate to a new page using the dart language.

This flutter development tutorial follows on from the flutter interactive 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:

  • How to return an iterable from a collection
  • Adding actions to the toolbar
  • Creating a page route
  • Pushing a page route onto the navigator stack
  • Providing a widget for a page route
  • Adding a divider to a ListView

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 described the steps for adding creating a new route (page) and then navigating to that route.

Application screens and pages are referred as routes in flutter. To switch between routes the flutter Navigator class is used.
A route must be provided to the Navigator. The MaterialPageRoute can be used to create an instance of a route.
A flutter widget will be created in the MaterialPageRoute builder property.

Print Friendly

Filed Under: Flutter Tagged With: Dart, Dart Language, Dart Programming, Flutter, Flutter Navigation, 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

© 2021 - WWW.MOBAPPTUTS.COM