Flutter实现底部导航栏

效果图

GIF.gif

链接：https://share.weiyun.com/5xuOuZy

由于生命周期先走initState方法，所以先设置初始界面和添加挂载的4个界面

image.png

然后添加底部4个按钮的状态

image.png

设置屏幕适配及点击事件的效果

image.png