Flutter中Navigator Pop后无法清除自定义TextField内容的问题求助

问题核心是你的自定义TextFieldInscription没有和父组件的nom变量实现双向绑定——只有输入时更新父组件变量的逻辑，但父组件变量重置时，没有同步更新TextField的显示内容。以下是两种可行的解决方案：

方案一：给自定义TextField添加value参数同步更新 #

步骤1：修改自定义TextField组件 #

给TextFieldInscription新增value参数，通过TextEditingController绑定该值，确保外部变量变化时同步更新TextField内容：

class TextFieldInscription extends StatelessWidget {
  final String hint;
  final String value; // 新增：接收外部传入的当前值
  final Function(String) updateValeur;

  const TextFieldInscription({
    super.key,
    required this.hint,
    required this.value,
    required this.updateValeur,
  });

  @override
  Widget build(BuildContext context) {
    return TextField(
      decoration: InputDecoration(hintText: hint),
      // 用controller绑定value，确保外部值变化时同步更新
      controller: TextEditingController(text: value),
      onChanged: updateValeur,
    );
  }
}

步骤2：父组件使用时传入value参数 #

在Inscription1中调用自定义TextField时，传入当前nom的值：

TextFieldInscription(
  hint: "Nom",
  value: nom, // 传入当前nom变量的值
  updateValeur: (nouvelleValeur) {
    setState(() {
      nom = nouvelleValeur;
    });
  },
),

方案二：父组件持有TextEditingController直接控制 #

步骤1：父组件定义并管理Controller #

在_Inscription1State中声明TextEditingController，并在重置时调用clear()：

class _Inscription1State extends State<Inscription1> {
  String nom = "";
  final TextEditingController _nomController = TextEditingController(); // 声明Controller

  @override
  void dispose() {
    _nomController.dispose(); // 页面销毁时释放资源
    super.dispose();
  }

  FutureOr remettreAZero(value) {
    setState(() {
      nom = "";
      _nomController.clear(); // 直接清空TextField内容
    });
    // 无需再调用rebuildAllChildren
  }

  // ... 其他代码
}

步骤2：修改自定义TextField接收Controller #

调整TextFieldInscription，让它接收父组件传入的Controller：

class TextFieldInscription extends StatelessWidget {
  final String hint;
  final TextEditingController controller;
  final Function(String) updateValeur;

  const TextFieldInscription({
    super.key,
    required this.hint,
    required this.controller,
    required this.updateValeur,
  });

  @override
  Widget build(BuildContext context) {
    return TextField(
      decoration: InputDecoration(hintText: hint),
      controller: controller,
      onChanged: updateValeur,
    );
  }
}

步骤3：父组件传入Controller #

调用自定义TextField时传入_nomController：

TextFieldInscription(
  hint: "Nom",
  controller: _nomController,
  updateValeur: (nouvelleValeur) {
    setState(() {
      nom = nouvelleValeur;
    });
  },
),

为什么原来的方法无效？ #

你之前的rebuildAllChildren强制重建没用，是因为自定义TextField没有依赖nom变量——它只在输入时触发updateValeur更新父组件，但父组件的nom变化不会主动通知TextField更新显示内容。通过上述两种方式实现双向绑定后，变量重置时TextField会同步更新。

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