flutter如何實現更新彈窗內容例子

這篇文章將為大家詳細講解有關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如何實現更新彈窗內容例子”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。