颤动实现仿微信底部菜单栏功能
导入“包装:颤振/材料。镖”;void main()=runApp(MyApp());类应用扩展了statementswidget { @ override Widget build(build context context){ return material app(home : Scaffold(body : my home page(),),);} }类我的主页扩展StatefulWidget {我的主页({ Key Key }): super(Key : Key);@ override _ MyHomePageState create state()=_ MyHomePageState();@覆盖Widget构建(构建上下文)上下文{//todo :实现建设返回null}}class _MyHomePageState扩展了statem home page { int _ selectedIndex=1;//当前选中项的索引final _ widgetoptions=[Text(' Index 0:微信),文本('索引1:通讯录),文本('索引2:发现),文本('索引3:我') ];@覆盖小部件构建(BuildContext上下文){ 0返回脚手架(AppBar : AppBar(标题:文本('仿微信),),车身:中心(儿童: _ widgettoptions。位于(_ selectedIndex)的元素,//居中显示某个文本), //底部导航按钮,包含图标及文本底部导航栏:底部导航栏(项目:底部导航栏项目[底部导航栏项目(图标:图标(图标。聊天),背景颜色:颜色。绿色,标题:文本('微信')),//设置背景颜色和图标的描述BottomNavigationBarItem(图标:图标(图标。联系人),底色:色。绿色,标题:文本('通讯录)),底部导航工具栏(图标:图标(图标。account _ circle),背景色:色。绿色,标题:文本('发现))、底部导航按钮(图标:图标(图标。内存)、背景颜色:颜色。绿色、标题:文本('我)),],//背景色:色。绿色,current index : _ selectedIndex,//当前选中项的索引固定颜色:颜色。深紫色,//选项中项的颜色onTap: _ onItemTapped,//选择按下处理), );} //选择按下处理void _ ontemtaped(int index){ setState((){ _ selectedIndex=index;});}}总结
以上所述是小编给大家介绍的摆动实现仿微信底部菜单栏功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
版权声明:颤动实现仿微信底部菜单栏功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。