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