Flutter实现从ListView选值并同步到TextFormField的方法

问题根源 #

你用全局变量传递值的方式之所以没成功，一是全局变量无法自动触发页面刷新，二是这种方式不符合Flutter的状态管理规范，容易引发状态混乱。正确的做法是利用Navigator的返回值机制来传递选中的分类值。

解决方案步骤 #

1. 修改添加商品页的TextFormField配置

• 给TextFormField添加readOnly: true，避免点击时弹出键盘，只保留跳转功能
• 将onTap改为异步方法，通过await获取分类页返回的值，再赋值给控制器

TextFormField(
  controller: nombreCategoriaController,
  keyboardType: TextInputType.name,
  readOnly: true, // 关键：禁止键盘弹出，只允许点击跳转
  decoration: Formulario.cajaTexto(
    hintText: capitalize1Word('Ingrese categoria'),
    labelText: 'Categoria',
    icono: Icons.air
  ),
  onTap: () async {
    // 等待分类页返回选中的值
    final selectedCategory = await Navigator.pushNamed(
      context, 
      V_GLOBAL_RUTA_ADM_CATEGORIA
    );
    // 如果返回值不为空，更新控制器文本
    if (selectedCategory != null) {
      nombreCategoriaController.text = selectedCategory.toString();
    }
  },
),

2. 修改分类页的返回逻辑

移除全局变量赋值，直接通过Navigator.pop返回选中的分类值。比如你原来的测试代码可以改成：

return Scaffold(
  appBar: AppBar(
    toolbarHeight: 70.0,
    centerTitle: true,
    title: Text('CATEGORIA',
        style: const TextStyle(
          fontSize: 22,
          color: Colors.white,
          fontFamily: V_TIPO_FUENTE_MYRIAD,
        )),
    backgroundColor: V_GLOBAL_COLOR_PRIMARY_APP,
    actions: const [CerrarSesion()],
  ),
  body: GestureDetector(
    // 这里用GestureDetector代替TextFormField更合理，因为分类页是选择操作，不是输入
    onTap: () {
      // 返回测试值，实际项目中替换为选中的分类名称
      Navigator.pop(context, 'prueba');
    },
    child: const Text('点击选择分类'),
  ),
);

额外说明 #

• 如果分类页是列表形式，只需要在列表项的onTap中调用Navigator.pop(context, item.categoryName)即可
• 这种方式不需要手动调用setState，因为控制器的text更新会自动触发TextFormField刷新
• 全局变量尽量少用，尤其是页面间状态传递，使用Navigator返回值或状态管理工具（如Provider、Riverpod）更可靠

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