Flutter:bottomNavigationBar图标白色的解决办法

221 阅读1分钟

使用bottomNavigationBar 给app设置底部导航栏的时候发现显示为白色,而且不便于看。 查看了一下官方的解释:

BottomNavigationBarType get _effectiveType {
  return widget.type
    ?? BottomNavigationBarTheme.of(context).type
    ?? (widget.items.length <= 3 ? BottomNavigationBarType.fixed : BottomNavigationBarType.shifting);
}

小于等于三个的时候会将type设置为:BottomNavigationBarType.fixed

当有四个或更多项时的默认值。所有的项目都是白色的,导航栏是白色的

底色是一样的BottomNavigationBarItem。选定项目的背景色。在这个假设每个项目都有不同的背景颜色和背景色将与白色形成很好的对比。