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

阿文

按下时是否可以更改浮动按钮的图标?码:

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));
赫曼思·拉吉(Hemanth Raj)

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

例:

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));

希望能有所帮助!

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章