flutter - 多个导航栏 flutter

Question

谁能深入了解如何实现两个导航栏(一个自定义导航栏嵌入到位于底部导航栏的 TabView 中的 AppBar 中)？

例如:

Answer 1

您可以像下面这样使用 appbar 的 bottom 属性。它将嵌套在您创建的底部标签栏中。

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: 3,
      child: Scaffold(
        appBar: AppBar(
          title: Text('you can put your search here'),
          bottom: Tabbar(
            tabs:<Widget>[
                   Text('tab1'),
                   Text('tab2')
                 ]
          )
        ),
        body: new TabBarView(
          controller: _tabController,
          children: <Widget>[
            Screen1(),
            Screen2(),
          ],
        ),
      ),
    );
  }