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小部件，用于使用自己的路由栈实现多个嵌套导航器。