如何解决Flutter 有状态小部件不更新 svg 图标
嗨,我正在学习颤振,但遇到了这个问题。当用户单击菜单项但图标未更改时,我正在尝试更改 svg 图标。单击菜单项时,我需要更改图标。
class BottomNavigation extends StatefulWidget {
const BottomNavigation({
Key key,}) : super(key: key);
@override
_BottomNavigationState createState() => _BottomNavigationState();
}
class _BottomNavigationState extends State<BottomNavigation> {
@override
Widget build(BuildContext context) {
num _currentIndex = 1;
return Container(
padding: EdgeInsets.only(
left: kDefaultPadding * 2,right: kDefaultPadding * 2,bottom: kDefaultPadding),height: 90,decoration: Boxdecoration(color: Colors.white,BoxShadow: [
BoxShadow(
offset: Offset(0,-10),blurRadius: 35,color: kPrimaryColor.withOpacity(0.1))
]),child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,children: <Widget>[
IconButton(
icon: _currentIndex == 1
? SvgPicture.asset("assets/svg/bhomeActive.svg")
: SvgPicture.asset("assets/svg/bhome.svg"),onpressed: () {
setState(() {
_currentIndex = 1;
});
print(_currentIndex);
}),IconButton(
icon: _currentIndex == 5
? SvgPicture.asset("assets/svg/bprofileActive.svg")
: SvgPicture.asset("assets/svg/bprofile.svg"),onpressed: () {
setState(() {
_currentIndex = 5;
});
print(_currentIndex);
})
],),);
}
}
我做错了还是在渲染后 Flutter 无法更改 svg?
尝试使用默认图标也无法在状态更改后不再呈现?
图标:_currentIndex == 1 ?图标(Icons.work) : 图标(Icons.alarm),
解决方法
颤振中的 SVG 图像似乎存在问题,也有不同的软件包可用,但我建议您使用 PNG,而不是 SVG,因为 PNG 的大小小于 SVG,并且它也可以完美有效地工作,在屏幕上和以编程方式。 要么 使用已经可用的默认材质图标。 Flutter Material Icons
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。