FluttershowDialog以及showModalBottomSheetsetState()未改变

我在使用 showDialog 或者 showModalBottomSheet 的时候&＃xff0c;都会遇到这个问题&＃xff1a;通过 setState 方法无法更新当前的UI。

原因&＃xff1a;dialog本质上是另一个页面&＃xff0c;确切点说是另一个路由&＃xff0c;它的地位跟你当前主页面是一样的。在Android或者iOS中&＃xff0c;dialog都是依附于当前主页面的一个控件&＃xff0c;但是在Flutter中它是一个新的路由。所以&＃xff0c;你使用当前页面的 setState 方法当然是没法更新dialog中的内容的。

解决方法&＃xff1a;StatefulBuilder 包裹即可


buildWidget(BuildContext context) {int index &＃61; 0;return showModalBottomSheet(context: context,builder: (context) &＃61;> StatefulBuilder( // 嵌套一个StatefulBuilder 部件builder: (context, setState) &＃61;> BottomSheet(builder: (BuildContext context) {return Container(color: Colors.white,height: 50,child: RaisedButton(color: Color(0xff56C0C1),textColor: Colors.white,child: Text(index.toString()), onPressed: () {// 更新状态 setState((){index&＃43;&＃43;;});}));},onClosing: () {},)));}