滚动导航处于颤动状态

Question

我正在处理一个flutter项目，我使用了scroll_navigation，但我想更改selectedItemColor和unselectedItemColor，我不知道如何在滚动导航中更改所选项目的颜色。

@override
Widget build(BuildContext context) {
return ScrollNavigation(
bodyStyle: NavigationBodyStyle(
background: Colors.white,
borderRadius: BorderRadius.horizontal(left: Radius.circular(20)),
scrollDirection: Axis.vertical,
),
barStyle: NavigationBarStyle(
position: NavigationPosition.left,
elevation: 0.0,
background: Colors.white,
),
pages: [
Container(color: Colors.blue[100]),
Container(color: Colors.green[100]),
Container(color: Colors.purple[100]),
Container(color: Colors.amber[100]),
Container(color: Colors.deepOrange[100])
],
items: const [
ScrollNavigationItem(icon: Icon(Icons.camera)),
ScrollNavigationItem(icon: Icon(Icons.chat)),
ScrollNavigationItem(icon: Icon(Icons.favorite)),
ScrollNavigationItem(icon: Icon(Icons.notifications)),
ScrollNavigationItem(icon: Icon(Icons.home))
],
);
}

Answer 1

您可以通过NavigationBarStyle设置活动和非活动颜色，如下所示：

barStyle: const NavigationBarStyle(
...
activeColor: Colors.red,
deactiveColor: Colors.yellow,
),