ios - 为 Flutter App 自定义 BottomNavigationBar selected BottomNavigationBarItem

Question

我想在选中的BottomNavigationBarItem底部添加一行

这是我想要实现的目标

有什么办法可以做到这一点。

Answer 1

您可以简单地使用 TabBar + TabBarView 来实现这一点。

//out of build method
final TabController _controller = TabController(
    length: 3
);

//inside build method
Scaffold(
  body: TabBarView(
    controller: _controller,
    children: <Widget>[
      Center(
        child: Text('page one'),
      ),
      Center(
        child: Text('page two'),
      ),
      Center(
        child: Text('page three'),
      ),
    ],
  ),
  bottomNavigationBar: TabBar(
    controller: _controller,
    indicator: //change decoration here,
    tabs: <Widget>[
      Icon(
        Icons.dashboard,
      ),
      Icon(
        Icons.card_giftcard,
      ),
      Icon(
        Icons.headset,
      )
    ],
  ),
);