Flutter中如何为TextField设置API返回初始值并获取输入内容提交

你当前的实现仅将接口返回的姓名作为占位提示文本（hintText），没有真正赋值给TextField的控制器，因此用户未手动编辑时控制器读取到的内容为空，提交数据就会不符合预期。

修改逻辑如下：

• 新增私有标志位判断是否已经完成初始值赋值，避免后续页面重绘时覆盖用户自行输入的内容
• 在didChangeDependencies生命周期中完成控制器初始值赋值，这个生命周期能正确获取到Provider提供的用户数据
• 核心是给控制器的text属性赋值接口返回的初始值，hintText可根据产品需求保留或调整

修改后的完整代码：

class ProfileData extends StatefulWidget {
  @override
  _ProfileDataState createState() => _ProfileDataState();
}

class _ProfileDataState extends State<ProfileData> {
  TextEditingController fnameController = TextEditingController(text: '');
  bool isLoading = false;
  // 新增标志位，判断是否已经初始化过控制器值
  bool _isFnameInit = false;

  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    // 仅在未初始化的时候赋值，避免覆盖用户后续输入的内容
    if (!_isFnameInit) {
      UserProvider user = Provider.of<UserProvider>(context);
      if (user.user?.fname != null) {
        fnameController.text = user.user.fname;
        _isFnameInit = true;
      }
    }
  }

  @override
  Widget build(BuildContext context) {
    UserProvider user = Provider.of<UserProvider>(context);

    handleSubmit() async {
      setState(() {
        isLoading = true;
      });

      if (await user.submit(
        fname: fnameController.text,
      )) {
        Navigator.pushNamed(context, '/main');
      } else { 
       print('err');
      }

      setState(() {
        isLoading = false;
      });
    }

   Widget input() {
      return Container(
        child: Column(
          children: [
            Expanded(
                child: TextFormField(
              style: blackTextStyle,
              controller: fnameController,
              decoration: InputDecoration.collapsed(
                hintText: '请输入姓名',
                hintStyle: blackTextStyle,
              ),
            ))
          ],
        ),
      );
      // 原有按钮提交逻辑保持不变
    }

    return Scaffold(
      backgroundColor: Colors.white,
      body: input(),
    );
  }
}

注意事项 #

如果你的用户数据是后续异步更新的，可对应调整_isFnameInit的判断逻辑，或者去掉标志位在用户数据更新时主动同步到控制器即可。不要直接在build方法中给fnameController.text赋值，否则每次页面重绘都会把用户输入的内容重置为初始值。

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