samples/navigation_and_routing

Navigation and Routing sample code

Sample code for Learning Flutter's New Navigation and Routing System, an article explaining the Router widget and its associated classes.

Samples

Navigator samples

• navigator/anonymous_routes.dart - Shows how to use a Navigator to push and pop anonymous routes (e.g. MaterialPageRoute)
• navigator/named_routes.dart - Shows how to use define named routes via the routes parameter on MaterialApp, and navigate using Navigator.pushNamed
• navigator/on_generate_route.dart - Shows how to handle arbitrary named routes using the onGenerateRoute callback defined in the MaterialApp constructor.

Router samples

• router/pages.dart - Shows how to define a list of [Page] objects on Navigator declaratively.
• router/router.dart - Full sample that shows a custom RouteInformationParser and RouterDelegate parsing named routes and declaratively building the stack of pages for the Navigator.

Advanced

• router_advanced/nested_router.dart - Shows two [RouterDelegate], one nested within the other. A [BottomNavigationBar] can be used to select the route of the outer RouterDelegate, and additional routes can be pushed onto the inner RouterDelegate / Navigator.
• router_advanced/transition_delegate.dart Shows how a custom TransitionDelegate can be used to customize when transition animations are shown.

Running

Each file in this project is an entrypoint. To run, specify the filename of the sample:

flutter run lib/router/router.dart