当前位置: 首页 > 知识库问答 >
问题:

Flutter中带有特定颜色的导航栏中的颜色怪异块

冯旭
2023-03-14

当我使用像black87(第一张图片)或black54这样的颜色时,我会在导航条上得到一条奇怪的线条,而其他颜色不会出现这种情况。还有,当我把它设置为透明的时候,它只是看起来和真正的黑色版本一样(图4)。

示例:

更改颜色的部分代码:

bottomNavigationBar: BottomNavigationBar(
    backgroundColor: Colors.black87,
      items: const <BottomNavigationBarItem>[

        BottomNavigationBarItem(
            icon: Icon(Icons.home,
            color: Colors.greenAccent,
        ),
            title: Text('Home', style: TextStyle(color:Colors.greenAccent)),
        ),

      //same thing for each nav bar item

  type: BottomNavigationBarType.fixed,
      currentIndex: _selectedIndex,
      selectedItemColor: Colors.black87,
      iconSize: 30,
      onTap: _onItemTapped,
      elevation: 7

共有1个答案

毕宇
2023-03-14

这些黑色的价值包括一些不透明度。例如,Black54是具有54%不透明度的黑色!

我猜你可能看到另一个小部件在你的底部导航栏后面,它解释了“奇怪的线”

 类似资料:
  • 在Bootstrap 4中,如何更改导航栏的背景颜色?twbsColor的代码不起作用。我想让背景颜色变成不同的颜色,字体颜色变成白色。

  • 问题内容: 我正在尝试更改导航器栏的颜色,但是我发现只有导航器是根导航器,这才是不可能的。 我正在尝试: 我所有与导航器控制器有关。但是什么都没有改变。实际上,我试图从情节提要中进行相同的操作,但只有在我处于第一个导航器中时,它才有效。 我试图阅读与此问题有关的所有内容,但一无所获 我可以像这样将任何项目添加到导航栏 问题答案: 实际上,我发现该解决方案将用于: 然后在每个视图控制器中,我们需要另

  • 问题内容: 我正在使用Picker View,允许用户为整个应用程序选择颜色主题。 我计划更改导航栏,背景以及选项卡栏(如果可能)的颜色。 我一直在研究如何执行此操作,但找不到任何Swift示例。谁能给我一个示例代码,我将需要使用该代码来更改导航栏颜色和导航栏文本颜色? 设置了Picker View,我只是在寻找更改UI颜色的代码。 问题答案: 导航栏: 用所需的UIColor替换greenCol

  • 本文向大家介绍Android 导航栏颜色(API 21+),包括了Android 导航栏颜色(API 21+)的使用技巧和注意事项,需要的朋友参考一下 示例 5.0 此属性用于更改导航栏(其中一个包含“上一步”,“最近回家”按钮)。通常为黑色,但是颜色可以更改。

  • 在我的应用程序中,我需要更改底部导航栏的颜色。我看了很多帖子,但没有找到解决办法。我正在使用appCompat库。 v21/样式。xml

  • 我尝试了很多方法来改变导航栏的颜色,比如 AndroidLollipop更改导航栏颜色 android更改导航栏颜色 如何更改系统导航栏颜色 什么都不管用 我将该项目添加到样式中。xml-使用Android 8.1 任何人都知道在Xamarin做这件事的最佳方式是什么。Android 更新:我在样式文件中尝试了以下代码