Flutter启动新的独立屏幕

Question

我无法启动新的屏幕小部件。我有main.dart，其中我在ViewPager UI中使用bottomNavigationBar和body。现在，我有3个底部选项卡，当我进入第二个选项卡的视图并单击一个按钮以启动另一个屏幕/视图时，使用：

onTap: () => Navigator.of(context).push(
                 MaterialPageRoute(
                     builder: (context) => ViewMyContactList(),
                 ),
            )

新屏幕替换了第二个选项卡的视图，当我转到第三个选项卡然后返回到第二个选项卡时，新屏幕消失了，第二个选项卡的初始屏幕返回了。同样，当新屏幕替换了第二屏幕的初始视图，并且当我在Android中进行系统后按时，该应用程序也会立即退出。

Answer 1

您正在尝试做Multiple Navigators with BottomNavigationBar
您可以参考此文档了解详细信息https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf

每个标签都必须保留其自身的页面路线，您可以在doc或
中使用演示代码 您可以使用以下两个软件包来帮助您

https://pub.dev/packages/multi_navigator_bottom_bar
帮助您更轻松地构建多导航器底部导航栏。

https://pub.dev/packages/nested_navigators Flutter小部件，用于使用自己的路由堆栈实现多个嵌套导航器。