Flutter 有人知道如何使用类似于使用Flitter的instagram的标签实现搜索栏吗?

Flutter 有人知道如何使用类似于使用Flitter的instagram的标签实现搜索栏吗?,flutter,flutter-layout,flutter-dependencies,flutter-animation,flutter-appbar,Flutter,Flutter Layout,Flutter Dependencies,Flutter Animation,Flutter Appbar,我想知道如何建立一个搜索栏,它可以将用户的搜索输入过滤成组或标签,如人物、标签、位置,就像instagram一样,但我不知道如何做到这一点 它可能看起来像这样: 导入“包装:颤振/材料.省道”; main()=>runApp( 材料聚丙烯( //家:脚手架( //正文:容器(子项:SearchButton()), 主页:Body()), ); 类主体扩展了StatefulWidget{ @凌驾 _BodyState createState(); } 类_BodyState扩展了状态{ 文本编辑控

我想知道如何建立一个搜索栏,它可以将用户的搜索输入过滤成组或标签,如人物、标签、位置,就像instagram一样,但我不知道如何做到这一点

它可能看起来像这样:

导入“包装:颤振/材料.省道”;
main()=>runApp(
材料聚丙烯(
//家:脚手架(
//正文:容器(子项:SearchButton()),
主页:Body()),
);
类主体扩展了StatefulWidget{
@凌驾
_BodyState createState();
}
类_BodyState扩展了状态{
文本编辑控制器;
@凌驾
void initState(){
super.initState();
控制器=文本编辑控制器();
}
@凌驾
小部件构建(构建上下文){
返回DefaultTabController(
长度:2,
孩子:脚手架(
appBar:appBar(
前导:图标(Icons.search),
标题:文本字段(
控制器:控制器,
光标颜色:颜色。白色,
样式:TextStyle(颜色:Colors.white),
),
底部:选项卡栏(选项卡:[
选项卡(图标:图标(Icons.people)),
选项卡(图标:图标(图标位置城市)),
]),
),
正文:TabBarView(子项:[Container(),Container()]),
),
);
}
}
通缉结果:


代码结果:

我想要一个在搜索栏底部有tabbars的搜索栏请提供一个屏幕截图或一个概念您的代码在tabbars上有一点错误,就是说没有Tabbontroller请不要为那些懒得为自己做任何努力的人编写完整的代码解决方案。好的,我不会再这样做了。要使用这个plu杜松子酒,想怎么用就怎么用:-