Navigation with custom navigator and globalkey

Question

I did what was suggested here for a persistent bottom bar using a custom navigator.

class _MainScreenState extends State<MainScreen> {
  final _navigatorKey = GlobalKey<NavigatorState>();

  // ...

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Navigator(
        key: _navigatorKey,
        initialRoute: '/',
        onGenerateRoute: (RouteSettings settings) {
          WidgetBuilder builder;
          // Manage your route names here
          switch (settings.name) {
            case '/':
              builder = (BuildContext context) => HomePage();
              break;
            case '/page1':
              builder = (BuildContext context) => Page1();
              break;
            case '/page2':
              builder = (BuildContext context) => Page2();
              break;
            default:
              throw Exception('Invalid route: ${settings.name}');
          }
          // You can also return a PageRouteBuilder and
          // define custom transitions between pages
          return MaterialPageRoute(
            builder: builder,
            settings: settings,
          );
        },
      ),
      bottomNavigationBar: _yourBottomNavigationBar,
    );
  }
}

Now, if I have child widgets on HomePage with a button that needs to navigate me to a Page2, How would I achieve that from inside HomePage - because?

like in any other `Navigator`: `Navigator.of(context).pushNamed('/page2')` — pskink, Jun 10 '20 at 04:10
Yup that worked.. I don't know why I was thinking I had to pass `_navigatorKey`. Thank you! — zer0, Jun 10 '20 at 11:48

score 0 · Answer 1 · answered Jun 10 '20 at 04:31

0

some button or GestureDetector onTap : ()=>Navigator.of(context).pushNamed('/page2')
or onPress : ()=>Navigator.of(context).pushNamed('/page2')

answered Jun 10 '20 at 04:31

Taz

1,737
1
15
30

Navigation with custom navigator and globalkey

1 Answers1