Routing – Navigating between Screens

Mobile apps are typically organized into multiple screens or pages. You will have seen this in the mobile apps you already use. For example, perhaps an app has an initial list view of items (such as groceries or films), and, when you choose one of the items, you are taken to another screen or page where more details are shown about the item. When you do this, you have just navigated from one screen to another.

In Flutter, moving between screens is called a route and is managed by the Navigator widget of the application. The Navigator widget manages the navigation stack, pushing a new route onto the stack or popping a previous one-off. In this chapter, you will learn how to use the Navigator widget to manage your app routes, how to add transition animations, and how to pass information (state) between screens.

The following topics will be covered in this chapter:

• Understanding the Navigator widget
• Understanding routes
...