Navigating Flutter Part 2

Greg Perry
Flutter Community
Published in
9 min readJan 16, 2021

--

A look into Flutter’s Navigation System

In part 2 of this series, we’ll continue our look at Flutter’s navigation system and examine another approach used to navigate from screen to screen in your Flutter app. This approach works with ‘named routes’, using the static function, Navigator.pushNamed(). We’ll also look at what’s involved when you go back through the ‘route stack’ with the static function,Navigator.pop().

I Like Screenshots. Tap Captions For Gists.

As always, I prefer using screenshots in my articles over gists to show concepts rather than just show code. I find them easier to work with frankly. However, you can click or tap on their captions to see the code in a gist or in Github. Tap or click on the screenshots themselves to zoom in on them.

Let’s begin.

Other Articles by Greg Perry

The MaterialApp widget has a named parameter called, routes. It takes in a Map object of type,<String, WidgetBuilder>{}, with a function-type alias, WidgetBuilder.This alias defines the following function signature to create a widget, Widget Function(BuildContext context);. Below is a screenshot of the example app we’re using in this…

--

--