flutter如何實現(xiàn)更新彈窗內(nèi)容例子

這篇文章將為大家詳細(xì)講解有關(guān)flutter如何實現(xiàn)更新彈窗內(nèi)容例子，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

什么是Flutter

Flutter 是谷歌推出的開發(fā)移動UI框架，可以快速的在IOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。

Flutter可以與現(xiàn)有的代碼一起工作，并且Flutter是完全免費(fèi)的，開源的。

總結(jié)來說：

Flutter是一款移動應(yīng)用程序SDK，包含框架、widget和工具，為開發(fā)人員提供了一種在Android和iOS上構(gòu)建和部署精美移動應(yīng)用程序的簡單高效的方式。

Flutter的優(yōu)勢

快速開發(fā)

毫秒級的熱重載，修改后，您的應(yīng)用界面會立即更新。使用豐富的、完全可定制的widget在幾分鐘內(nèi)構(gòu)建原生界面。

富有表現(xiàn)力和靈活的UI

快速發(fā)布聚焦于原生體驗的功能。分層的架構(gòu)允許您完全自定義，從而實現(xiàn)難以置信的快速渲染和富有表現(xiàn)力、靈活的設(shè)計。

原生性能

Flutter包含了許多核心的widget，如滾動、導(dǎo)航、圖標(biāo)和字體等，這些都可以在iOS和Android上達(dá)到原生應(yīng)用一樣的性能。

在flutter里面一般改變值使用的是

setState(() {
// do something
});

但是這個方法對于彈窗來說不起作用，有人說setState((){});這個方法改變的是當(dāng)前窗口的值，而彈窗不屬于當(dāng)前窗口，所以不生效；

下面是改變彈窗內(nèi)容的例子

var titleText=”標(biāo)題改變前“

//彈窗方法
  void show(BuildContext context) async {
    showDialog(
        context: context,
        builder: (ctx) {
          return StatefulBuilder(builder: (context, state) {
            return AlertDialog(
              title: Text(titleText),
              content: Container(
                child: Text("我是內(nèi)容"),
              ),
              actions: <Widget>[
                Container(
                  child: FlatButton(
                    child: Text('改變標(biāo)題文字'),
                    onPressed: () {
                      state(() {
                        titleText = "改變標(biāo)題之后";
                      });
                    },
                  ),
                ),
              ],
            );
          });
        });
  }

調(diào)用彈窗
 show(context)

關(guān)于“flutter如何實現(xiàn)更新彈窗內(nèi)容例子”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。