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

发布时间：2020-12-14 14:51:46 所属栏目：百科来源：网络整理

导读：按下时有没有办法更改浮动按钮的图标？码： var musicButton = new FloatingActionButton( onPressed: (){ if(playerState == PlayerState.playing) { //setState(() = child = new Icon(Icons.pause)); setState((){ child: new Icon(Icons.play_arrow); }

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

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

解决方法

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

例：

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();
      }
    },child: playing?new Icon(Icons.pause):new Icon(Icons.play_arrow));

希望有所帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!