如何在没有Cupertino底部栏的情况下转到新页面

Question

I am using the Cupertino tab to display a bottom navigation bar and it working good. Now, I want to route to a new page from one of the tab pages (Eg login)and not have the bottom navigation. I tried the code below and I still see the bottom navigation.

How can I route to a page and not show the bottom navigation

Navigator.push(
    context,
    CupertinoPageRoute<void>(
     title: "login",
     builder: (BuildContext context) => LoginScreen(),
    ),
);

Answer 1

The static methods on Navigator , like Navigator.push or Navigator.of use the nearest enclosing Navigator of the context argument. When using a CupertinoTabScaffold , every tab has a nested Navigator to provide in-tab navigation, as is the default iOS behavior. You can get the root Navigator using Navigator.of(context, rootNavigator: true) and push your route on that:

Navigator.of(context, rootNavigator: true).push(route)

More info about navigators in the docs