Flutter BottomNavigationBar Glow on top?

Question

I have the problem that my BottomNavigationBar has a light glow around it. I first saw that, as I turned the BottomNavigationBar dark. Hopefully someone can help.

Here`s the code:

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"),
          ),
        ],
      )

Greetings Calvin

Answer 1

Set the elevation of the BottomNavigationBar to 0 to remove that effect:

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