Flutter更新showDialog以及showModalBottomSheet中的状态中的内容

Flutter更新showDialog以及ModalBottomSheet中的状态中的内容

1、Flutter更新showDialog中的状态中的内容

很多人在用showDialog的时候应该都遇到过这个问题，使用showDialog后，通过setState()无法更新当前dialog。其实原因很简单，因为dialog其实是另一个页面，准确地来说是另一个路由，因为dialog的关闭也是通过navigator来pop的，所以它的地位跟你当前主页面一样。这个概念一定要明确，因为无论在Android或iOS中，daliog都是依附于当前主页面的一个控件，但是在Flutter中不同，它是一个新的路由。所以使用当前主页面的setState()来更新，当然没法达到你要的效果。

StatefulBuilder

很多人使用StatefulBuilder依然达不到更新的效果，是因为你用错了setState()方法。

就像我们上面说的那样，这个builder构建的控件，不会响应老页面的任何操作，因为它们是两个互不影响的路由控制的。


showDialog(context: context,builder: (context) {String label = 'test';return StatefulBuilder(builder: (context, state) {print('label = $label');return GestureDetector(child: Text(label),onTap: () {label = 'test8';print('onTap:label = $label');// 注意不是调用老页面的setState，而是要调用builder中的setState。//在这里为了区分，在构建builder的时候将setState方法命名为了state。state(() {});  },);},);});

2、Flutter 更新showModalBottomSheet中的状态（state）

和上面一样的showModalBottomSheet也会有这样的问题。解决方法如下

bool btnState=false;showModalBottomSheet(context:context, builder:(BuildContext context){return StatefulBuilder(builder:(context1, state) {///这里的state就是setStatereturn Container(child:OutlineButton(onPressed: (){state(() {///为了区分把setState改个名字btnState=!btnState;});},child:Stack(children: <Widget>[Opacity(opacity: btnState ? 0.0 : 1.0,child: Text("aa"),),Opacity(opacity: btnState ? 1.0 : 0.0,child: Text("bb"),),],),),),
}
）
}

Flutter更新showDialog以及showModalBottomSheet中的状态中的内容相关推荐

flutter bloc_如何使用BLoC模式处理Flutter中的状态
flutter bloc Last year, I picked up Flutter and I must say it has been an awesome journey so far. Fl ...
Redux简介以及Redux应用程序中的状态更新方式
by Syeda Aimen Batool 通过Syeda Aimen Batool Redux简介以及Redux应用程序中的状态更新方式 (An intro to Redux and how sta ...
as点击发送广播_Apache Flink 中广播状态的实用指南
翻译 | 王柯凝校对 | 邱从贤(山智) 自版本 Flink 1.5.0 以来,Apache Flink 提供了一种新的状态类型,称为广播状态(Broadcast State).在本文中,将解释什么 ...
领域驱动设计模式设计与实践_在域驱动设计中使用状态模式
领域驱动设计模式设计与实践域驱动设计(DDD)是一种开发软件的方法,其中,通过将实现与核心业务概念的不断发展的模型相联系,解决了问题的复杂性. 该术语是由Eric Evans创造的,并且有一个DDD ...
在域驱动设计中使用状态模式
域驱动设计(DDD)是一种软件开发方法,其中,通过将实现与核心业务概念的不断发展的模型相连接,可以解决问题的复杂性. 该术语是由Eric Evans创造的,并且有一个DDD专用站点可以促进其使用. 根 ...
Hibernate_2_Hibernate中对象状态及转化_一级缓存_Session详解_HQL/SQL/Criteria_一对多关系_级联操作
Hibernate中的对象状态在Hibernate中持久化对象具有三种状态: 瞬时态, 持久态, 游离态. 瞬时态: 对象没有与Hibernate产生关联(transient,session中没有缓 ...
Flink中的状态管理
1 Flink中的状态当数据流中的许多操作只查看一个每次事件(如事件解析器),一些操作会跨多个事件的信息(如窗口操作).这些操作称为有状态.状态由一个任务维护,并且用来计算某个结果的所有数据,都 ...
Flink 1.8.0中的状态生存时间特性：如何自动清理应用程序的状态
对于许多状态流式计算程序来说,一个常见的需求是自动清理应用程序的状态(state),以便有效地控制状态大小,或者控制程序访问状态的有效时间(例如受限于诸如GDPR等法律条规).Apache Flink ...
使用Redux在React Navigation App中管理状态
by Andrea Bizzotto 通过安德里亚·比佐托(Andrea Bizzotto) 使用Redux在React Navigation App中管理状态 (Managing State in ...

Flutter更新showDialog以及showModalBottomSheet中的状态中的内容

1、Flutter更新showDialog中的状态中的内容

2、Flutter 更新showModalBottomSheet中的状态（state）

Flutter更新showDialog以及showModalBottomSheet中的状态中的内容相关推荐

最新文章

热门文章