如何解决Flutter:如何在按下时动态更改/切换按钮的文本/名称?
初学者在这里。无法找到在此处或其他任何地方动态更改按钮文本的通俗易懂的答案,只能更改另一个小部件的文本。 :(
我希望按钮上的文本在您单击时可以更改。要非常清晰,该按钮将加载从Firebase提取的文本,但现在仅文本“ Title A”就可以了。然后,当用户单击它时,它将变为文本“标题B”。并可以再次点击更改。
我该怎么做?
Row(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
ButtonTheme(
minWidth: 250.0,child: FlatButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,color: Colors.red,shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0)),onpressed: () {},child: Text(
'Title',style: TextStyle(
color: Colors.white,),],
非常感谢您的帮助。
谢谢
解决方法
您可以使用动态字符串和布尔值在按下按钮的2个变量之间切换:
String buttonText = "Text 1";
bool isChanged = true;
FlatButton(
child: Text(buttonText)
onPressed() {
isChanged = !isChanged;
setState(() {
isChanged == true ? buttonText = "Text 1" : buttonText = "Text 2";
});
}
)
,
标题字符串初始化并使用setState函数
String buttonText
Row(
mainAxisAlignment: MainAxisAlignment.center,children: <Widget>[
ButtonTheme(
minWidth: 250.0,child: FlatButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,color: Colors.red,shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0)),onPressed: () {
setState(() {
buttonText = 'your Want Text';
});
},child: Text(
buttonText,style: TextStyle(
color: Colors.white,),],
,
您应该使用动态变量String。
String textTitle = 'TitleA';
FlatButton(
onPressed:(){
setState(){
textTitle = 'TitleB'; //text you want to change
}
}
child: Text(textTitle)
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。