当我们导航到新屏幕时，在 Flutter 底部导航栏应该消失

Question

大家好，假设底部导航栏中有三个页面 A、B、c，当按下它时，A 中有一个按钮导航到屏幕 D 我仍然可以在这里看到底部导航栏，请帮我解决这个 P

Answer 1

我有同样的问题，我发现rootNavigator:true解决了它

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

Answer 2

Make your screen D as StatefulWidget. For example:

class ScreenD extends StatefulWidget {
  @override
  State createState() => new ScreenDState();
}

class ScreenDState extends State<ScreenD> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold();
  }
}

Mark your screen A as StatefulWidget too same with screen D. Then a button in screen A onPressed handler housed in BottomNavigationBar:

Navigator.push(context, MaterialPageRoute(builder: (context) => ScreenD()),);

It should remove the BottomNavigationBar when screen D renders.

Answer 3

Like @Skander answer, using RootNavigator on the "of" method should do the trick.

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

Here is the description of rootNavigator option, according to documentation:

If rootNavigator is set to true, the state from the furthest instance of this class is given instead. Useful for pushing contents above all subsequent instances of Navigator.