Flutter BottomNavigationBar Светится сверху?
У меня проблема в том, что моя 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"),
),
],
)
Привет, Кальвин
1 ответ
Решение
Установить elevation
из BottomNavigationBar
до 0, чтобы удалить этот эффект:
BottomNavigationBar(
currentIndex: selectedIndex,
unselectedItemColor: Colors.white,
backgroundColor: Colors.black12,
selectedItemColor: ASAP.info,
showSelectedLabels: false,
showUnselectedLabels: false,
type: BottomNavigationBarType.fixed,
elevation: 0,
...