Flutter BottomNavigationBar 在顶部发光？

Question

我遇到的问题是我的 BottomNavigationBar 周围有光。我第一次看到这一点时，我将 BottomNavigationBar 变暗。希望有人可以提供帮助。

代码如下：

BottomNavigationBar(
        currentIndex: selectedIndex,
        unselectedItemColor: Colors.white,
        backgroundColor: Colors.black12,
        selectedItemColor: ASAP.info,
        showSelectedLabels: false,
        showUnselectedLabels: false,
        type: BottomNavigationBarType.fixed,
        onTap: (int i) {
          if (i == 2) {
            showSearch(context: context, delegate: SalonSearch());
            return;
          }

          setState(() {
            selectedIndex = i;
          });
        },
        iconSize: 30,
        items: [
          BottomNavigationBarItem(
            icon: const Icon(MdiIcons.mapMarkerRadiusOutline),
            title: Text(
              "Locations",
              style: TextStyle(color: Colors.red, decorationColor: Colors.red),
            ),
          ),
          BottomNavigationBarItem(
            icon: const Icon(MdiIcons.heartOutline),
            title: Text("Favourites"),
          ),
          BottomNavigationBarItem(
            icon: const Icon(
              MdiIcons.magnify,
            ),
            title: Text("Search"),
          ),
        ],
      )

问候 卡尔文

Answer 1

将BottomNavigationBar 的elevation 设置为0 以消除该效果：

BottomNavigationBar(
        currentIndex: selectedIndex,
        unselectedItemColor: Colors.white,
        backgroundColor: Colors.black12,
        selectedItemColor: ASAP.info,
        showSelectedLabels: false,
        showUnselectedLabels: false,
        type: BottomNavigationBarType.fixed,
        elevation: 0,
...