Flutter showDatePicker选中日期后AlertDialog内Text文本不更新

• 文本不更新和showDatePicker、showDialog是否使用相同context无关。context在这两个方法里的作用是查找上层的Navigator路由栈，只要传入的context能正常关联到MaterialApp下的Navigator，日期选择器就可以正常弹出，没有强制要求两个方法context一致。
• 文本无法刷新的核心原因：showDialog弹出的AlertDialog属于独立路由栈的Overlay节点，不属于你当前页面State对应的组件树子节点。你在页面State中调用setState只会触发当前页面的重建，不会重构已经弹出的AlertDialog内部组件，所以Text的内容不会同步更新。
• 额外风险：原代码中dateTime = value!做了强制非空断言，如果用户点击日期选择器的取消按钮，返回的value为null，这里会直接抛出空指针异常。

推荐两种可直接落地的方案：

方案1：使用StatefulBuilder获取对话框内部的刷新方法 #

在构建AlertDialog内容时用StatefulBuilder包裹，拿到对话框作用域内的setState方法，选中日期后调用该方法刷新对话框内组件即可，示例代码如下：

// 弹出AlertDialog的代码示例
showDialog(
  context: context,
  builder: (dialogContext) {
    return AlertDialog(
      title: const Text("选择日期"),
      content: StatefulBuilder(
        builder: (innerContext, dialogSetState) {
          return GestureDetector(
            onTap: () async {
              final selectedDate = await showDatePicker(
                context: innerContext,
                initialDate: DateTime.now(),
                firstDate: DateTime(2021),
                lastDate: DateTime(2023)
              );
              if (selectedDate != null) {
                // 同步更新页面级变量，同时刷新对话框内容
                dialogSetState(() {
                  dateTime = selectedDate;
                });
              }
            },
            child: Text(
              dateTime.toString(),
              style: const TextStyle(
                color: Colors.grey,
                fontSize: 18,
              ),
            ),
          );
        }
      )
    );
  }
);

方案2：抽离AlertDialog内容为独立Stateful组件 #

将对话框内的日期选择模块抽成单独的StatefulWidget，由组件自身管理状态刷新，这种方式耦合度更低，适合对话框内交互逻辑复杂的场景：

// 独立的日期选择组件
class DateSelectTile extends StatefulWidget {
  const DateSelectTile({super.key, required this.onDateChanged});
  final Function(DateTime) onDateChanged;

  @override
  State<DateSelectTile> createState() => _DateSelectTileState();
}

class _DateSelectTileState extends State<DateSelectTile> {
  DateTime? _selectedDate;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () async {
        final selected = await showDatePicker(
          context: context,
          initialDate: DateTime.now(),
          firstDate: DateTime(2021),
          lastDate: DateTime(2023)
        );
        if (selected != null) {
          setState(() {
            _selectedDate = selected;
          });
          widget.onDateChanged(selected);
        }
      },
      child: Text(
        _selectedDate?.toString() ?? "请选择日期",
        style: const TextStyle(
          color: Colors.grey,
          fontSize: 18,
        ),
      ),
    );
  }
}

// 弹出对话框时直接使用该组件即可
showDialog(
  context: context,
  builder: (context) {
    return AlertDialog(
      title: const Text("选择日期"),
      content: DateSelectTile(
        onDateChanged: (date) {
          // 这里同步获取选中的日期，用于页面级逻辑处理
          dateTime = date;
        },
      ),
    );
  }
);

注意：如果需要在关闭对话框后页面上也同步显示选中的日期，在调用对话框内部setState的同时，记得同步更新页面级的dateTime变量，避免对话框关闭后页面显示的日期和选中值不一致。

内容的提问来源于stack exchange，提问作者Itis Me