颤动底部导航

时间:2018-04-24 16:08:35

标签: flutter flutter-layout

如何实现红色底部导航按钮?

我在应用程序上使用浮动操作按钮,但我只想使用onSelected或类似的底部导航的样式。

The app in question

1 个答案:

答案 0 :(得分:0)

您可以构建自己的底部导航栏。例如,使用一个列,将导航栏设置为具有固定高度的容器(对于Android大约56.0像素)到容器的底部和内部,将行Widget放在每个子项为导航栏项之一的位置。

因此,如果您想要突出显示所选的导航栏项目,只需使用容器作为导航栏项目的包装,并为其指定颜色:

color: activeNavItemId == <idOfYourNavItem> 
     ? Color.red
     : Color.black;

注意:因此,每次单击其中一个导航栏项时,必须使用此按钮的id设置activeNavItemId,然后调用setState。