StatefulBuilder实现Dialog的刷新

在Flutter中使用Dialog时,因为showDialog返回的context与当前页面的context不是同一个,所以通过setState是无法刷新Dialog里面的页面的。

这时我们就可以用StatefulBuilder实现,通过StatefulBuilder包裹后的Widget就变成有状态的Widget了,我们就可以通过StatefulBuilder返回的state进行刷新Dialog内的内容了。

解决方案:使用StatefulBuilder返回的state函数,调用state((){});刷新页面。

showDialog(
  context: context,
  barrierDismissible: true,
  builder: (BuildContext context) {
	return  StatefulBuilder(
	  builder: (context,state){
		return  AlertDialog(
		  title:  Text("Dialog标题"),
		  contentPadding:const EdgeInsets.fromLTRB(20, 20, 0, 0),
		  content: Container(
			height: 300,
			child:ListView.builder(
			  primary: true,
			  shrinkWrap: true,
			  scrollDirection: Axis.vertical,
			  physics: new ClampingScrollPhysics(),
			  itemCount: _items.length,
			  itemBuilder: (context, index) {
				return Container(
				  child: Row(
					mainAxisAlignment: MainAxisAlignment.spaceBetween,
					children: [
					  Text(_items.elementAt(index).text),
					  YmCheckButton(value:_items.elementAt(index).value,
						checked:_currentValue==_items.elementAt(index).value,
						onChanged: (bool checked,dynamic value){
						  if(checked){
							_currentValue = value;
						  }
						  state((){});   //刷新Dialog内的内容
						},
						text: "",
						image: "assets/images/ic_radio.png",
						checkedImage: "assets/images/ic_radio_checked.png",
					  ),
					],
				  ),

				);
			  },
			),
		  ),

		  actions:[
			TextButton(
			  child: Text("取消"),
			  onPressed: () {
				Navigator.of(context).pop();
			  },
			),
			TextButton(
			  child: Text("确认"),
			  onPressed: () {
				Navigator.of(context).pop();

			  },
			),
		  ],
		);
	  } ,
	);
  },
).then((val) {
  print(val);
});


本站内容来源于作者发布和网络转载,如有版权相关问题请及时与我们取得联系,我们将立即删除。

 关于作者
 热门教程
通过Git下载和提交代码的命令记录
安装好git后: 1、配置邮箱 git config --global user.name ymbok git con
2023-08-15
剑道仙尊
59
通过ADB在Android系统中快捷截屏和录屏的方法
连上ADB线后: 截图 创建一个BAT文件,用于截图,直接双击运行即可将图片保存到D:\screenshot目录,提前
2023-08-15
剑道仙尊
105
Android12 源码下载与编译
下载Android12 源码 sudo apt-get update 安装curl sudo apt install
2023-04-25
剑道仙尊
125
android生成签名文件jks并获取SHA1
打开Android Studio终端,输入: keytool -genkey -alias app -keyalg R
2022-07-13
剑道仙尊
93
Flutter开发APP更改状态栏文字颜色
void main(){ runApp(MyApp()); /// 状态栏文字黑色 SystemChrome
2022-06-09
剑道仙尊
132
Android Swicth按钮样式自定义
<Switch android:id="@+id/switch_btn" android:layout_wi
2022-06-07
剑道仙尊
133
Pagging3写起来太麻烦,简单封装及其简单
Pagging3分页写起来很麻烦,这里分享一下我的简化开发的方法,思路就是把获取数据的函数分离出来 首先定义一个基础的
2022-06-07
剑道仙尊
187
在项目中使用Hilt Retrofit使用总结
直接开始,首先我们看看怎么使用Hilt编写 Retrofit 接口请求类 用@Provides注解定义可注入的实例的提
2022-06-07
剑道仙尊
197
Android Jetpack Paging 3 下拉刷新和加载更多代码示例
使用Paging3实现列表的下拉刷新和加载更多 首先定义列表布局文件 <androidx.swiperefres
2022-06-07
剑道仙尊
434
StatefulBuilder实现Dialog的刷新
在Flutter中使用Dialog时,因为 showDialog返回的context与当前页面的 context不是同
2022-06-07
剑道仙尊
136