如何在按下時立即更改圖標按鈕顏色（顫動）

Question

此代碼僅適用於一個圖標按鈕。 但是當我創建多個圖標按鈕時，情況就不同了。 使用三 (3) 個圖標按鈕，在按下任何 (1) 個圖標時，所有三 (3) 個圖標都會改變其顏色。 如何單獨更改顏色？

class _userProfileScreenState 擴展 State { 顏色 _iconcolor = Colors.black;

IconButton(
      onPressed: () {
      setState(() {
          _iconcolor = Color(0xff187bcd);
           },);
      },
      icon: Icon(
          FontAwesomeIcons.mars,
          color: _iconcolor, //male
          size: 45,
          ),
      ),

Answer 1

你可以做這樣的事情

class SomeState extends State<StatefulWidget> {
  Color _iconColor = Colors.white;

  @override
  Widget build(BuildContext) {
    return ListTile(
      leading: new IconButton(
        icon: Icon(Icons.star, color: _iconColor),
        onPressed: () {
          setState(() {
          _iconColor = Colors.yellow;
        });
      },
    );
  }
}

Answer 2

這很簡單，嘗試創建 3 個變量來保存 3 個按鈕的顏色值

class SomeState extends State<StatefulWidget> {
  Color _iconColor1 = Colors.white;
  Color _iconColor2 = Colors.black;
  Color _iconColor3 = Colors.green
  @override
  Widget build(BuildContext) {
    return Row(
        children:[
        IconButton(
            icon: Icon(Icons.share, color: _iconColor1,),
            
            onPressed: () {
                 setState((){
                      _iconColor1= //setNew Color
                 });
           }     
        ),
        //enter 2 more icons like this and change color to different variable.
       ]
    )
}
}