
Member-only story
Flutter: Multi Page Applications With Routes
Flutter is a mobile App SDK by Google which helps in creating modern mobile apps for iOS and Android using a single(almost) code base.
Unlike other frameworks like React Native, it neither uses JavaScript as a Programming Language nor it needs an interpreter bridge to convert JavaScript code into native code, instead, it compiles directly into Arm binaries and runs on the native platform.
A Mobile App is generally built for displaying multiple contents which can’t be accommodated in a single screen. Even if we manage somehow, it will create a maintenance overhead as any change would impact the rest of the screen. Furthermore, a cluttered screen can take the attention of users away from your valuable functionalities.
Flutter provides what we call as routes
to enable multi page application within a MaterialApp
. If you’re not comfortable with Material Design in Flutter, I’ll highly recommend you to read this post on the same topic.
To properly understand the requirements of multi page application, let create a basic Material Design App which provides two options to the user.
- Login to App using Email.
- Login as Guest.
Let’s provide these two options using FlatButton
widget so that we can handle the user’s choice. Here…