调用setState后DateTimeFormField未更新，无Controller该如何处理？

问题原因 #

你遇到的问题是因为initialValue仅在DateTimeFormField初始化时生效，后续即使通过setState修改myInitialValue，组件也不会重新读取这个值更新UI——它本来就不是用来动态更新的参数。

正确解决方案：使用DateTimeFieldController #

date_field: ^3.0.0包提供了DateTimeFieldController来专门控制字段的日期值，这是比直接修改initialValue更可靠的方式，步骤如下：

1. 声明控制器实例
   在你的State类中定义一个控制器变量：

final DateTimeFieldController _dateController = DateTimeFieldController();

2. 设置初始值（可选）
   如果需要初始日期，在initState里给控制器赋值：

@override
void initState() {
  super.initState();
  _dateController.value = myInitialValue;
}

3. 修改DateTimeFormField代码
   用controller参数替代initialValue，并在onDateSelected中更新控制器的值：

DateTimeFormField(
  controller: _dateController,
  decoration: const InputDecoration(
    suffixIcon: Icon(Icons.event_note),
    labelText: 'Time line',
  ),
  mode: DateTimeFieldPickerMode.date,
  onDateSelected: (DateTime value) {
    _dateController.value = value;
    // 这里不需要手动调用setState，控制器会自动触发UI更新
  },
),

4. 外部更新日期（可选）
   如果需要通过其他操作（比如按钮）修改日期，直接更新控制器的值即可：

ElevatedButton(
  onPressed: () {
    _dateController.value = DateTime.now();
  },
  child: const Text('设置为今天'),
),

额外说明 #

如果坚持要用state变量而非控制器，你需要给DateTimeFormField设置一个唯一的Key，并在setState后确保组件重新构建时传递最新的initialValue，但这种方式不符合组件设计意图，容易引发其他问题，因此更推荐使用控制器方案。

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