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 = "改變標題之後"; }); }, ), ), ], ); }); }); } 調用彈窗 show(context)
到此這篇關於flutter實現更新彈窗內容例子(親測有效)的文章就介紹到這瞭,更多相關flutter更新彈窗內容內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- None Found