颤振中的弯曲导航栏

时间:2020-08-03 05:38:48

标签: flutter dart

目前,我在https://pub.dev/packages/curved_navigation_bar中拥有一个库,并且已经在我的项目中实现了该库,但是问题是,当您在项目上导航时,所选项目的图标颜色不会改变。是否可以动态更改所选项目的图标颜色?

这是默认设置:

enter image description here

这就是我所需要的:

enter image description here

谢谢!

1 个答案:

答案 0 :(得分:2)

我认为这应该可行。

class HomeBottomNavigationBar extends StatefulWidget {

@override
_HomeBottomNavigationBarState createState() =>_HomeBottomNavigationBarState();
}


class _HomeBottomNavigationBarState extends State<HomeBottomNavigationBar> 
{

int pressedButtonNo = 0;

 @override
 Widget build(BuildContext context) {
   return CurvedNavigationBar(
   
   items: <Widget>[
    Icon(Icons.add, size: 30, color: (pressedButtonNo = 0)? Colors.Green : Colors.Black,),
    Icon(Icons.list, size: 30, color: (pressedButtonNo = 1)? Colors.Green : Colors.Black,),
    Icon(Icons.compare_arrows, size: 30, color: (pressedButtonNo = 2)? Colors.Green : Colors.Black,),
  ],
  onTap: (index) {
    setState () {
     pressedButtonNo = index;
    }
  },
);
}}

我没有测试过。希望它能起作用! 快乐编码:)