Flutter中如何在showDialog内用initState为日期选择弹窗设默认值？

你遇到的问题是直接修改TextEditingController的text属性触发异常，且需要在当前静态弹窗函数内实现类似initState的初始化逻辑，以下是两种直接可行的解决方案：

方案一：通过构造函数初始化默认值（推荐） #

创建TextEditingController时直接在构造函数中传入默认文本，这是Flutter官方规范的初始化方式，能避免手动赋值引发的状态同步问题：

static datePickerPopup(
  BuildContext context,
  String title,
  Function(String framDate)? confirmation,
) {
  String framDate;

  // 直接在构造函数中设置默认日期
  TextEditingController dateinput = TextEditingController(
    text: DateFormat('yyyy-MM-dd').format(DateTime.now())
  );

  showDialog(
    // 原有弹窗代码保持不变
    context: context,
    builder: (context) => AlertDialog(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(20),
      ),
      elevation: 0,
      title: Text(
        title,
        textAlign: TextAlign.center,
      ),
      content: StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
        return Container(
          height: 90,
          child: Column(
            children: [
              Row(
                children: [
                  TextField(
                    controller: dateinput,
                    decoration: InputDecoration(
                        icon: Icon(Icons.calendar_today),
                        labelText: "Start Date"),
                    readOnly: true,
                    onTap: () async {
                      DateTime? pickedDate = await showDatePicker(
                          context: context,
                          initialDate: DateTime.now(),
                          firstDate: DateTime(2000),
                          lastDate: DateTime(2101));

                      if (pickedDate != null) {
                        framDate =
                            DateFormat('yyyy-MM-dd').format(pickedDate);
                        setState(() {
                          dateinput.text = framDate;
                        });
                      }
                    },
                  ),
                ],
              ),
            ],
          ),
        );
      }),
      actions: [
        TextButton(
            onPressed: () {
              Navigator.pop(context);
              if (confirmation != null && dateinput.text.isNotEmpty) {
                confirmation(dateinput.text);
              }
            },
            child: Text(
              'Send Program',
              style: TextStyle(color: Colors.green),
            )),
        TextButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: Text(
              'Cancel',
              style: TextStyle(color: Colors.red),
            ))
      ],
    ),
  );
}

方案二：利用StatefulBuilder模拟initState逻辑 #

如果需要严格在弹窗首次渲染时执行初始化，可在StatefulBuilder内部加一个标记变量，仅在第一次构建时设置默认值：

static datePickerPopup(
  BuildContext context,
  String title,
  Function(String framDate)? confirmation,
) {
  String framDate;
  TextEditingController dateinput = TextEditingController();
  bool _isFirstBuild = true; // 标记是否首次渲染

  showDialog(
    context: context,
    builder: (context) => AlertDialog(
      // 原有弹窗代码
      content: StatefulBuilder(
          builder: (BuildContext context, StateSetter setState) {
        // 仅首次构建时设置默认值
        if (_isFirstBuild) {
          dateinput.text = DateFormat('yyyy-MM-dd').format(DateTime.now());
          _isFirstBuild = false;
        }
        return Container(
          // 原有内容代码
          height: 90,
          child: Column(
            children: [
              Row(
                children: [
                  TextField(
                    controller: dateinput,
                    decoration: InputDecoration(
                        icon: Icon(Icons.calendar_today),
                        labelText: "Start Date"),
                    readOnly: true,
                    onTap: () async {
                      DateTime? pickedDate = await showDatePicker(
                          context: context,
                          initialDate: DateTime.now(),
                          firstDate: DateTime(2000),
                          lastDate: DateTime(2101));

                      if (pickedDate != null) {
                        framDate =
                            DateFormat('yyyy-MM-dd').format(pickedDate);
                        setState(() {
                          dateinput.text = framDate;
                        });
                      }
                    },
                  ),
                ],
              ),
            ],
          ),
        );
      }),
      // 原有actions代码
      actions: [
        TextButton(
            onPressed: () {
              Navigator.pop(context);
              if (confirmation != null && dateinput.text.isNotEmpty) {
                confirmation(dateinput.text);
              }
            },
            child: Text(
              'Send Program',
              style: TextStyle(color: Colors.green),
            )),
        TextButton(
            onPressed: () {
              Navigator.pop(context);
            },
            child: Text(
              'Cancel',
              style: TextStyle(color: Colors.red),
            ))
      ],
    ),
  ).then((_) => dateinput.dispose()); // 弹窗关闭后销毁控制器，避免内存泄漏
}

额外优化提示 #

• 确认按钮点击时，建议直接传递dateinput.text而非未初始化的framDate，避免空值问题
• 弹窗关闭后调用dateinput.dispose()销毁控制器，防止内存泄漏

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