flutter实现更新弹窗内容例⼦(亲测有效)
什么是Flutter
Flutter 是⾕歌推出的开发移动UI框架,可以快速的在IOS和Android上构建⾼质量的原⽣⽤户界⾯。
Flutter可以与现有的代码⼀起⼯作,并且Flutter是完全免费的,开源的。
总结来说:
Flutter是⼀款移动应⽤程序SDK,包含框架、widget和⼯具,为开发⼈员提供了⼀种在Android和iOS上构建和部署精美移动应⽤程序的简单⾼效的⽅式。
Flutter的优势
快速开发
毫秒级的热重载,修改后,您的应⽤界⾯会⽴即更新。使⽤丰富的、完全可定制的widget在⼏分钟内构建原⽣界⾯。
富有表现⼒和灵活的UI
快速发布聚焦于原⽣体验的功能。分层的架构允许您完全⾃定义,从⽽实现难以置信的快速渲染和富有表现⼒、灵活的设计。
原⽣性能
Flutter包含了许多核⼼的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原⽣应⽤⼀样的性能。在flutter⾥⾯⼀般改变值使⽤的是
setState(() {
// do something
});
但是这个⽅法对于弹窗来说不起作⽤,有⼈说setState((){});这个⽅法改变的是当前窗⼝的值,⽽弹窗不属于当前窗⼝,所以不⽣效;
下⾯是改变弹窗内容的例⼦
var titleText=”标题改变前“
/
/弹窗⽅法
void show(BuildContext context) async {
showDialog(
context: context,
builder: (ctx) {
return StatefulBuilder(builder: (context, state) {
return AlertDialog(
title: Text(titleText),
content: Container(
child: Text("我是内容"),
),
actions: <Widget>[
Container(
child: FlatButton(
child: Text('改变标题⽂字'),
onPressed: () {
state(() {
titleText = "改变标题之后";
});
},
),
),
]
,
);
});
});
}
调⽤弹窗
flutter sdkshow(context)
到此这篇关于flutter实现更新弹窗内容例⼦(亲测有效)的⽂章就介绍到这了,更多相关flutter更新弹窗内容内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论