android - 导航栏中奇怪的颜色块与 Flutter 中的某些颜色

Question

当我使用 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

Answer 1

Black 的这些值包括一些不透明度。例如，Black54 是黑色，不透明度为 54%！

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