Flutter 如何更新Dialog中的状态

最新推荐文章于 2024-04-09 13:28:36 发布

LYJieYa

最新推荐文章于 2024-04-09 13:28:36 发布

阅读量4k

点赞数 2

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/qq_35317752/article/details/108612032

版权

在Flutter中，当需要在Dialog中根据用户交互动态显示数据时，传统的setState方法无法更新Dialog内容。原因是Dialog的context不同于原页面。解决方法是使用StatefulBuilder，它提供了一个新的setState函数用于Dialog的UI更新。通过StatefulBuilder的builder方法，可以创建一个拥有独立setState功能的Dialog，从而实现在Dialog内的动态更新。

摘要由CSDN通过智能技术生成

❓问题描述

在Flutter中使用showDialog弹出的Dialog，需要根据用户的交互，在Dialog中动态的显示数据，如何实现?

🛣固有思路

用户在dialog中交互后，使用setState()方法进行UI的更新，可是在实际的过程中，使用setState并不能进行dialog页面的更新，使用这种思路不能解决问题。

🍡为什么

在showDialog的注释中，有这样一段话，如下所示，简单翻译一下就是“ builder”返回的context与调用showDialog时的context不同。使用StatefulBuilder或者StatefulWidget来动态的更新UI，那么接下来就使用StatefulBuilder来动态的更新UI吧

/// This function takes a `builder` which typically builds a [Dialog] widget. 
/// Content below the dialog is dimmed with a [ModalBarrier]. The widget 
/// returned by the `builder` does not share a context with the location that 
/// `showDialog` is originally called from. Use a [StatefulBuilder] or a
/// custom [StatefulWidget] if the dialog needs to update dynamically.