Flutter BottomNavigationBar不显示(显示白色)?

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yechaoa/article/details/89852088

BottomNavigationBar 超过3个之后不显示(显示白色)?

在这里插入图片描述

官网文档解释:

The bottom navigation bar’s type changes how its items are displayed. If not specified it’s automatically set to
BottomNavigationBarType.fixed when there are less than four items,
BottomNavigationBarType.shifting otherwise.

  • BottomNavigationBarType.fixed, the default when there are less than four items. The selected item is rendered with fixedColor if it’s
    non-null, otherwise the theme’s ThemeData.primaryColor is used. The
    navigation bar’s background color is the default Material background
    color, ThemeData.canvasColor (essentially opaque white).
  • BottomNavigationBarType.shifting, the default when there are four or more items. All items are rendered in white and the navigation bar’s
    background color is the same as the
    BottomNavigationBarItem.backgroundColor of the selected item. In this
    case it’s assumed that each item will have a different background
    color and that background color will contrast well with white.

解决办法:

加一个type属性:

type: BottomNavigationBarType.fixed,

在这里插入图片描述


猜你喜欢

转载自blog.csdn.net/yechaoa/article/details/89852088