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


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,

在这里插入图片描述


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yechaoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值