Question

我正在开发一个Flutter应用程序，该应用程序始终只有两个标签可见BottomAppBar。在这两个选项卡之间导航都可以正常工作，但是我想在点击appBar以及选项卡之一上的其中一个图块时按下一个新屏幕。

我已经尝试过导航器，但是当按下新屏幕时，BottomAppBar消失了

以下是相关代码：

main.dart

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'DemoApp',
        debugShowCheckedModeBanner: false,
        theme: ThemeData(
            primaryColor: ...,
        home: HomePage());
  }
}

home_page.dart

  Widget build(BuildContext context) {
    return Scaffold(
        appBar: new AppBar(
          title: new Text('DemoApp'),
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.account_circle),
              tooltip: "Account settings",
              onPressed: () {
                Navigator.push(context, MaterialPageRoute(builder: (context) => UserDetail('test')));
              },
            )
          ],
        ),
        body: WalletTab(),
        bottomNavigationBar: FABBottomAppBar(
          color: Theme.of(context).primaryColorLight,
          onTabSelected: _selectedTab,
          selectedColor: Theme.of(context).primaryColor,
          notchedShape: CircularNotchedRectangle(),
          items: [
            FABBottomAppBarItem(iconData: Icons.home, text: 'Wallet'),
            FABBottomAppBarItem(iconData: Icons.location_on, text: 'Store')
          ],
        ),
        floatingActionButton: FloatingActionButton(
            onPressed: () {},
            tooltip: '',
            ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        resizeToAvoidBottomPadding: false);
  }
}

编辑：我已在github上将项目推送到这里：https://github.com/punkeroso/demo

有什么建议吗？谢谢

Answer 1

在这些情况下，请考虑改用“底部导航栏”，以这种方式在多个页面之间导航时，实现固定栏要容易得多。我认为您无法通过其他方式找到解决方法，如果没有的话，效率会很低。

推入新屏幕时保持BottomAppBar

1 个答案: