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);
});


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

关于作者

还如一梦中 点击这里给我发消息

相关推荐

这些你应该也会喜欢

解决Flutter输入法遮挡页面问题

这个问题看网上有很多解决方法,发现几乎都是错误的,并且麻烦,这里有个简单的方法,借助bottom:MediaQuery.of(context).padding.bottom;这个bottom的值是系统...

2021-08-20 11:29:22 还如一梦中
Flutter给页面增加滚动SingleChildScrollView

使用SingleChildScrollView可以给页面增加滚动:late ScrollController _controller = ScrollController();SingleChildS...

2021-08-20 09:10:34 还如一梦中
2021Flutter发布package到Pub终极解决方案

整整折腾了1天半终于成功吧package上传到了pub上。先花了15在淘宝找人代注册了个google账户。先取消配置的环境变量FLUTTER_STORAGE_BASE_URL https://stor...

2021-05-27 11:49:52 还如一梦中
SpringBoot一梦支付系统搭建完全教程

懂Java Spring Boot的朋友可以选择性的参考被教程,小白就完全按步骤来吧!首先Linux系统安装宝塔,这个省略然后安装Java环境,有2种方式:第一种下载java8 sdk 然后设置Lin...

2021-07-13 19:18:28 还如一梦中
Oracle之分区数据删除

---查看分区的名字SELECT a.table_name,a.partition_name FROM user_tab_partitions  a WHERE a.table_name = 'TES...

2021-07-14 16:34:52 落花飞雪
Oracle之row_number() over()函数

      row_number() over()函数,用于给数据库表中的记录进行标号,在使用的时候,其后还跟着一个函数 over(),而函数 over() 的作用是将表中的记录进行分组和排序即:RO...

2021-07-14 16:31:02 落花飞雪
Oracle之rownum不能使用大于>的问题

    今日在写sql测试突然发现rownum进行“、=、=、between...and”运算时语法不报错但查不出一条记录,而“、=、!=”运算却可以,起初以为sql写的有问题,反复确认后亦之,故网上...

2021-07-01 13:44:30 落花飞雪
Oracle之Top写法

由于Oracle不支持select top 语句,所以在Oracle中经常是用order by 跟rownum的组合来实现select top n的查询。实现方法如下所示:select 列名1 ......

2021-07-01 11:36:01 落花飞雪
StatefulBuilder实现Dialog的刷新

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

2021-06-21 17:08:14 还如一梦中
Flutter 输入控件TextField设置内容并保持光标在末尾

///默认的Controller if (widget.controller == null) { defaultController = TextEditingController.from...

2021-06-28 17:59:23 还如一梦中
在线客服