Flutter中选中日期焦点切换后DateTime无故变为null问题

你遇到的这个DateTime突然变null的问题，核心原因是直接修改了widget.assignment的属性——在Flutter里，widget是StatefulWidget的不可变成员，哪怕Assignment对象本身是可变的，直接操作widget持有的对象也不符合Flutter的状态管理规范，会导致状态不一致，触发各种奇怪的bug（比如你看到的DateTime莫名置空，而String变量暂时没受影响只是巧合）。

正确的解决思路 #

在State类内部维护一个本地的Assignment副本，所有UI交互都修改这个本地变量，而不是直接操作widget里的对象。这样状态的变更完全由State控制，能避免状态紊乱的问题。

具体修改步骤 #

1. 先给Assignment类添加copyWith方法

如果你的Assignment类还没有这个方法，需要先实现它，用于创建对象的副本：

class Assignment {
  String title;
  DateTime? deadline;
  // 你的其他属性...

  Assignment({required this.title, this.deadline});

  // 实现copyWith，用于复制对象并修改指定属性
  Assignment copyWith({
    String? title,
    DateTime? deadline,
    // 其他属性同理添加
  }) {
    return Assignment(
      title: title ?? this.title,
      deadline: deadline ?? this.deadline,
      // 其他属性按同样逻辑处理
    );
  }

  // 你的deadlineAsString方法保持不变
  String get deadlineAsString {
    return deadline != null 
        ? "${deadline!.year}-${deadline!.month}-${deadline!.day}" 
        : "Select Deadline";
  }
}

2. 修改_AssignmentPageState类

把状态管理转移到本地变量上：

class _AssignmentPageState extends State<AssignmentPage> {
  late Assignment _localAssignment;

  @override
  void initState() {
    super.initState();
    // 创建本地副本，避免直接修改widget的不可变对象
    _localAssignment = widget.assignment.copyWith();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // ...你的其他Scaffold配置不变
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: <Widget>[
            TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(),
                labelText: "Title"),
              // 初始化时设置本地副本的标题
              controller: TextEditingController(text: _localAssignment.title),
              onChanged: (value) {
                setState(() {
                  // 修改本地变量而非widget.assignment
                  _localAssignment.title = value;
                });
              },
            ),
            SizedBox(height: 16.0),
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                MaterialButton(
                  // 使用本地变量的deadline文本
                  child: Text(_localAssignment.deadlineAsString),
                  onPressed: _showDatePicker,
                ),
                // ...你的其他按钮组件不变
              ],
            )
          ],
        ),
      ));
  }

  void _showDatePicker() async {
    final DateTime newDeadline = await showDatePicker(
        context: context,
        // 基于本地变量的deadline初始化日期选择器
        initialDate: _localAssignment.deadline ?? DateTime.now(),
        firstDate: DateTime(1900),
        lastDate: DateTime(2099)
    );
    if (newDeadline != null && newDeadline != _localAssignment.deadline) {
      setState(() {
        // 修改本地变量的deadline
        _localAssignment.deadline = newDeadline;
      });
    }
  }
}

为什么这样能解决问题？ #

• widget是StatefulWidget的不可变成员，Flutter在重建UI时可能会复用State对象，但widget可能被父组件重新创建，直接修改它的属性会导致状态和原始数据脱节。
• 本地的_localAssignment完全由State控制，所有修改都通过setState触发UI更新，符合Flutter的状态管理规范，状态会更稳定，不会再出现莫名置空的情况。

如果需要把修改后的Assignment数据传递回父组件，可以在页面关闭时（比如点击保存按钮）通过Navigator.pop(context, _localAssignment)把本地副本传回去，让父组件更新它的状态。

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