flutter - Flutter 底部导航

Question

如何实现那个红色的底部导航按钮？

我在应用程序上使用了一个浮动操作按钮，但我只想将底部导航的样式用于 onSelected 或类似的东西。

Answer 1

您可以构建自己的底部导航栏。例如，在列中，您将导航栏放置为具有固定高度（对于 Android 大约 56.0 像素）的容器，并在容器内部放置行小部件，其中每个子项都是导航栏项目之一。

因此，如果您想突出显示选定的导航栏项目，只需使用一个容器作为导航栏项目的包装器，并为它赋予如下颜色：

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

注意：因此，每次单击此导航栏项目之一时，都必须使用此按钮的 id 设置 activeNavItemId，然后调用 setState。