Flutter中CupertinoDatePicker按钮值不更新，请求帮助

你的代码存在两个核心问题导致日期按钮文本无法更新：

1. Dialog 独立路由无法感知父组件状态变更
   TodoDialog 通过 showDialog 弹出，属于独立的路由上下文。当 MyHome 中调用 setState 更新 dateTime 时，不会触发 TodoDialog 的重建，因此 DatePicker 组件始终接收到初始的日期值。

2. CupertinoDatePicker 未绑定初始日期
   打开日期选择器时，没有设置 initialDateTime 属性，导致每次打开选择器默认显示当前系统时间，而非用户之前选中的日期，同时也会让用户产生“选择无效”的错觉。

方案一：让 Dialog 内部维护日期状态（推荐） #

将 TodoDialog 改为 StatefulWidget，内部维护当前选中的日期，这样选择日期后可以直接触发 Dialog 内部的重建，实时更新按钮文本：

修改 TodoDialog 代码：

class TodoDialog extends StatefulWidget {
  final controller;
  final numberController;
  final VoidCallback onSave;
  final DateTime date;
  final Function(DateTime) onDateTimeChanged;

  TodoDialog({
    super.key,
    required this.controller,
    required this.onSave,
    required this.numberController,
    required this.date,
    required this.onDateTimeChanged,
  });

  @override
  State<TodoDialog> createState() => _TodoDialogState();
}

class _TodoDialogState extends State<TodoDialog> {
  late DateTime _currentDate;

  @override
  void initState() {
    super.initState();
    // 初始化当前日期为父组件传入的初始值
    _currentDate = widget.date;
  }

  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20)
      ),
      backgroundColor: Colors.grey[200],
      content: Container(
        height:350,
        width: 300,
        padding:EdgeInsets.symmetric(vertical:20),
        child: Column(
          mainAxisAlignment:MainAxisAlignment.spaceAround,
          children: [
            TextField(
              controller: widget.controller,
              decoration: InputDecoration(
                hintText: "Add a new todo",
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color:Colors.black)
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(
                    color: Colors.black
                  )
                )
              ),
            ),
            TextField(
              controller:widget.numberController,
              decoration: InputDecoration(
                hintText: "Time",
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color:Colors.black)
                ),
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(
                    color: Colors.black
                  )
                )
              ),
            ),
            DatePicker(
              onDateTimeChanged: (newTime) {
                // 更新Dialog内部的日期状态，触发重建
                setState(() => _currentDate = newTime);
                // 同步通知父组件更新日期
                widget.onDateTimeChanged(newTime);
              },
              date: _currentDate,
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                MyButton(
                  text: "save",
                  onPressed: widget.onSave,
                ),
                SizedBox(width:10),
                MyButton(
                  text: "Cancel",
                  onPressed: (){},
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}

方案二：为 CupertinoDatePicker 添加初始日期 #

修改 DatePicker 组件中的 CupertinoDatePicker，添加 initialDateTime 属性，确保打开选择器时显示当前选中的日期：

CupertinoDatePicker(
  backgroundColor: Colors.white,
  onDateTimeChanged: widget.onDateTimeChanged,
  mode: CupertinoDatePickerMode.date,
  initialDateTime: widget.date, // 添加这一行
),

• 在选择日期后，可通过 Navigator.pop(context) 自动关闭日期选择器弹窗，提升用户体验：

onPressed:(){
  showCupertinoModalPopup(
    context:context,
    builder: (BuildContext context)=>SizedBox(
      height: 250,
      child: CupertinoDatePicker(
        backgroundColor: Colors.white,
        onDateTimeChanged: (newTime) {
          widget.onDateTimeChanged(newTime);
          // 选择后关闭弹窗
          Navigator.pop(context);
        },
        mode: CupertinoDatePickerMode.date,
        initialDateTime: widget.date,
      ),
    )
  );
}

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