Flutter中如何修改SlidableAction组件的图标颜色?
解决SlidableAction图标颜色自定义问题
你可以通过两种方式修改SlidableAction的图标颜色:
方法1:使用iconWidget属性替代icon
SlidableAction提供了iconWidget属性,允许你传入自定义的Icon组件,这样就能单独设置图标的颜色,不会影响标签文字的颜色:
SlidableAction( onPressed: doNothing, backgroundColor: Color(0xFF0392CF), foregroundColor: Colors.white, // 仅控制label的颜色 iconWidget: Icon(Icons.save, color: Colors.yellow), // 自定义图标颜色 label: 'Save', ),
方法2:通过foregroundColor统一控制(图标+标签)
如果你希望图标和标签文字使用同一种颜色,直接修改foregroundColor即可,这个属性会同时作用于图标和标签:
SlidableAction( onPressed: doNothing, backgroundColor: Color(0xFF0392CF), foregroundColor: Colors.yellow, // 图标和label都会变成这个颜色 icon: Icons.save, label: 'Save', ),
内容的提问来源于stack exchange,提问作者Jaimin Modi
相关产品推荐
相关产品推荐

