我正在尝试在底部导航栏中的 play_icon 上应用颜色。问题是整个图标变成灰色。我想要实现的是:
我目前拥有的是:
这是代码:
Material(
color:
light_mode ? Color(0xFFFFFFFF) : Color(0xFF616161),
child: Container(
alignment: Alignment.center,
height: 60,
width: MediaQuery.of(context).size.width,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: [
Padding(
padding: EdgeInsets.all(1.0),
child: IconButton(
icon: Icon(Icons.skip_previous),
onPressed: () {},
color: Colors.grey)),
Padding(
padding: EdgeInsets.only(right: 10),
child: IconButton(
icon: Icon(
Icons.play_circle_fill_outlined,
size: 45),
onPressed: () {},
color: light_mode
? Color(0xFFEA80FC)
: Color(0xFF6D6D6D))),
Padding(
padding: EdgeInsets.all(1.0),
child: IconButton(
icon: Icon(Icons.skip_next),
onPressed: () {},
color: Colors.grey)),
Padding(
padding: EdgeInsets.all(1.0),
child: IconButton(
icon: Icon(
Icons.bookmark_border_outlined),
onPressed: () {},
color: Colors.grey)),
Padding(
padding: EdgeInsets.all(1.0),
child: IconButton(
icon: Icon(Icons.share_rounded),
onPressed: () {},
color: Colors.grey)),
],
)))