Question

我在主页上定义了一个底部的导航栏，其中包含4个项目和4个页面（1-4），并且运行良好。我可以在页面之间切换，导航栏显示在底部，并且是固定的

现在，在其中一个页面中，我有一个按钮，按下该按钮会将用户定向到第5页。该页面未在底部导航栏中定义。

显示第5页时，底部导航消失。

如何显示页面的子页面但保留导航栏？

所以，基本上我想一直显示bottomNavigationBar。然后，如果父页面中的任何一个具有辅助页面，那么我想显示bottomNavigationBar，当前索引和所选页面

主页代码

class _MyHomePageState extends State<MyHomePage> {

  @override
  void initState() {
    super.initState();
  }
  final List<Widget> _children = [
    JobsList(),
    JobSearch(),
    MyCalendarPage(),
    MyCalendarPage()
  ];
  var _currentIndex = 0;
  @override
  Widget build(BuildContext context) {
    return  Scaffold(
          appBar: AppBar(
            title: Center(child: Text(widget.title)),
            actions: <Widget>[
              new IconButton(
                icon: new Icon(Icons.favorite),
                onPressed: () {},
              ),
            ],
          ),
          drawer: JobsDrawer(),
          body: _children[_currentIndex],
          bottomNavigationBar: BottomNavigationBar(
              type: BottomNavigationBarType.fixed,
              onTap: onTabTapped, // new
              currentIndex: _currentIndex, // new
              items: [
                new BottomNavigationBarItem(
                  icon: new Icon(Icons.home),
                  title: new Text("home"),
                ),
                new BottomNavigationBarItem(
                  icon: new Icon(Icons.search),
                  title: new Text("search"),
                ),
                new BottomNavigationBarItem(
                  icon: new Icon(Icons.message),
                  title: new Text("message"),
                ),
                new BottomNavigationBarItem(
                  icon: new Icon(Icons.settings),
                  title: new Text("settings"),
                )
              ]
              )
              );
  }

这是来自应用商店应用的示例

在图像1中-显示“游戏”选项卡并突出显示。用户然后从页面中选择顶部链接，并重定向到包含详细信息的第二页（图像2）。如您所见，“游戏：”选项卡仍处于选中状态。如果现在我从此页面中选择一个链接。那么，我将重定向到第三页，并且“游戏”选项卡仍处于选中状态。

我该怎么办？

如何制作固定/静态底部导航栏

0 个答案: