原创

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

温馨提示:
本文最后更新于 2024年05月21日 ,已超过 333 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

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,

在这里插入图片描述

转载


正文到此结束
本文目录