颤动中的弯曲导航栏

2024-05-06

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

默认情况下是这样的:

这就是我需要的:

Thanks!


我认为这应该有效。

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;
    }
  },
);
}}

我还没有测试过。希望它有效! 快乐编码:)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

颤动中的弯曲导航栏 的相关文章

随机推荐