首页 文章

按下时更改浮动按钮图标的方法

提问于
浏览
2

按下时有没有办法更改浮动按钮的图标?码:

var musicButton = new FloatingActionButton(
    onPressed: (){
      if(playerState == PlayerState.playing) {
        //setState(() => child = new Icon(Icons.pause));
        setState((){
          child: new Icon(Icons.play_arrow);
        });
        pause();
      } else if (playerState == PlayerState.paused){
        setState((){
          child: new Icon(Icons.pause);
        });
        play();
      }
    },
    tooltip: 'Play Music',
    child: new Icon(Icons.pause));

1 回答

  • 4

    您可以使用状态变量在图标之间切换 .

    例:

    bool playing = false;
    

    然后

    var musicButton = new FloatingActionButton(
        onPressed: (){
          if(playerState == PlayerState.playing) {
            setState((){
              playing = false;
            });
            pause();
          } else if (playerState == PlayerState.paused){
            setState((){
              playing = true;
            });
            play();
          }
        },
        tooltip: 'Play Music',
        child: playing?new Icon(Icons.pause):new Icon(Icons.play_arrow));
    

    希望有所帮助!

相关问题