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

dart – 按下时更改浮动按钮图标的方法,第1张

概述按下时有没有办法更改浮动按钮的图标? 码: var musicButton = new FloatingActionButton( onPressed: (){ if(playerState == PlayerState.playing) { //setState(() => child = new Icon(Icons.pause)); set 按下时有没有办法更改浮动按钮的图标?
码:

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

希望有所帮助!

总结

以上是内存溢出为你收集整理的dart – 按下时更改浮动按钮图标的方法全部内容,希望文章能够帮你解决dart – 按下时更改浮动按钮图标的方法所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1001869.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存