Flutter 颤振|如何设计下图所示的底部选项卡

在这里，我想设计像这样的图片底部。如果有人知道这件事，你的小小帮助会让我高兴的。主要是当我选择任何一个选项，它应该显示像这样的图像我

---

您需要根据自己的需求使用和自定义

底部导航栏

小部件。你可以看看

类(HomeState扩展状态){
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“我的颤振应用程序”），
),
底部导航栏：底部导航栏(
currentIndex:0，//点击新选项卡时将设置此项
项目：[
底部导航气压计(
图标：新图标（Icons.home），
标题：新文本（“主页”），
),
底部导航气压计(
图标：新图标（Icons.mail），
标题：新文本（“消息”），
),
底部导航气压计(
图标：图标（Icons.person），
标题：文本（“概要文件”）
)
],
),
);
}
}

这不是底部导航barThen，这是什么？你有什么？这是一个社交媒体应用程序，这是一个发布页面，用户可以在其中选择各种类型的内容，如图像、视频。文件等

  
class _HomeState extends State<Home> {
 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text('My Flutter App'),
     ),
     bottomNavigationBar: BottomNavigationBar(
       currentIndex: 0, // this will be set when a new tab is tapped
       items: [
         BottomNavigationBarItem(
           icon: new Icon(Icons.home),
           title: new Text('Home'),
         ),
         BottomNavigationBarItem(
           icon: new Icon(Icons.mail),
           title: new Text('Messages'),
         ),
         BottomNavigationBarItem(
           icon: Icon(Icons.person),
           title: Text('Profile')
         )
       ],
     ),
   );
 }
}