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
- 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 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.