Flutter无状态转有状态后TextFormField无法加载Firestore编辑数据

我帮你梳理下目前代码里的两个核心问题，这就是导致TextFormField不显示编辑值、编辑时新增记录的原因：

1. State类中未正确获取传入的edittingPost对象 #

你在CreatePostView里单独定义了Post edittingPost;，但从来没给它赋值，所以它一直是null。而StatefulWidget的构造参数是存在widget对象里的，你应该直接用widget.edittingPost来访问传入的编辑对象。

这就导致你在onModelReady里给控制器赋值时，edittingPost?.airline ?? ''实际都是取的空字符串，所以输入框里没内容。

2. 未区分新增和编辑的提交逻辑 #

当前不管是新增还是编辑，你都调用了model.addPost()，这当然会每次都创建新记录。需要根据是否存在widget.edittingPost来判断是调用新增方法还是更新方法。

修复后的代码示例 #

第一步：修正State类里的edittingPost引用，添加控制器销毁逻辑 #

class CreatePostView extends State<PostView>{
  final airlineController = TextEditingController(); 
  final paxController = TextEditingController(); 
  final infantController = TextEditingController(); 
  final transitController = TextEditingController(); 
  final dateController = TextEditingController(); 

  // 删掉这里单独定义的edittingPost，直接用widget.edittingPost

  @override
  void dispose() {
    // 销毁控制器，避免内存泄漏
    airlineController.dispose();
    paxController.dispose();
    infantController.dispose();
    transitController.dispose();
    dateController.dispose();
    super.dispose();
  }

  @override 
  Widget build(BuildContext context) { 
    return ViewModelBuilder<CreatePostViewModel>.reactive( 
      viewModelBuilder: () => CreatePostViewModel(), 
      onModelReady: (model) { 
        // 改为使用widget.edittingPost
        airlineController.text = widget.edittingPost?.airline ?? ''; 
        paxController.text = widget.edittingPost?.pax ?? ''; 
        infantController.text = widget.edittingPost?.infant ?? ''; 
        transitController.text = widget.edittingPost?.transit ?? ''; 
        dateController.text = widget.edittingPost?.date ?? ''; 
        model.setEdittingPost(widget.edittingPost); 
      }, 
      builder: (context, model, child) => Scaffold( 
        floatingActionButton: FloatingActionButton( 
          child: !model.busy ? 
            Icon(widget.edittingPost != null ? Icons.save : Icons.add) : // 根据场景切换图标
            CircularProgressIndicator( 
              valueColor: AlwaysStoppedAnimation(Colors.white), 
            ), 
          onPressed: () { 
            if (!model.busy) { 
              if (widget.edittingPost != null) {
                // 编辑场景：调用更新方法（需要你的ViewModel里实现updatePost）
                model.updatePost(
                  postId: widget.edittingPost.id,
                  date: dateController.text, 
                  airline: airlineController.text, 
                  pax: paxController.text, 
                  infant: infantController.text, 
                  transit: transitController.text
                );
              } else {
                // 新增场景：调用addPost
                model.addPost(
                  date: dateController.text, 
                  airline: airlineController.text, 
                  pax: paxController.text, 
                  infant: infantController.text, 
                  transit: transitController.text
                );
              }
            } 
          }, 
          backgroundColor: !model.busy ? Theme.of(context).primaryColor : Colors.grey[600], 
        ), 
        // 下面的body部分和之前一致，此处省略
      ), 
    ); 
  } 
}

第二步：确保你的ViewModel实现了updatePost方法 #

你的CreatePostViewModel里需要添加更新Firestore文档的方法，比如：

void updatePost({String postId, String date, String airline, String pax, String infant, String transit}) async {
  setBusy(true);
  await _firestore.collection('posts').doc(postId).update({
    'date': date,
    'airline': airline,
    'pax': pax,
    'infant': infant,
    'transit': transit,
  });
  setBusy(false);
  // 可添加导航返回等后续逻辑
}

额外提示 #

• 建议确认widget.edittingPost确实是从外部正确传入的，比如跳转时传递了完整的Post对象，避免因传入null导致编辑场景误变成新增。
• 控制器的赋值逻辑放在onModelReady是合理的，因为它会在ViewModel初始化后仅执行一次，不会因build重复触发。

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