flutter實(shí)現(xiàn)更新彈窗內(nèi)容例子(親測(cè)有效)

更新時(shí)間：2021年04月18日 10:57:37 作者：英文不好太難了

Flutter是一款移動(dòng)應(yīng)用程序SDK，包含框架、widget和工具，這篇文章給大家介紹flutter實(shí)現(xiàn)更新彈窗內(nèi)容例子，親測(cè)可以使用，需要的朋友參考下吧

什么是Flutter

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

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

總結(jié)來(lái)說(shuō)：

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

Flutter的優(yōu)勢(shì)

快速開發(fā)

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

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

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

原生性能

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

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

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

但是這個(gè)方法對(duì)于彈窗來(lái)說(shuō)不起作用，有人說(shuō)setState((){});這個(gè)方法改變的是當(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實(shí)現(xiàn)更新彈窗內(nèi)容例子(親測(cè)有效)的文章就介紹到這了,更多相關(guān)flutter更新彈窗內(nèi)容內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: