Flutter无Controller设置FormData及更新后页面不显示新值问题

问题原因
你当前的代码里，TextFormField的initialValue仅在第一次构建Widget时生效。后续通过setState更新_formData后，TextFormField不会重新读取新的initialValue，因为它没有检测到自身依赖的变化，所以页面不会显示新值。

解决方案：用ValueKey强制刷新表单字段
给每个TextFormField绑定一个ValueKey，键值对应_formData里的字段值。当_formData更新时，ValueKey的内容变化，Flutter会认为这个TextFormField是新的Widget，从而重新构建并加载新的initialValue。

修改后的完整代码：

import 'package:flutter/material.dart';

class TestPage extends StatefulWidget {
  const TestPage({Key? key}) : super(key: key);

  @override
  _TestPageState createState() => _TestPageState();
}

class _TestPageState extends State<TestPage> {
  Map<String, String> _formData = { 
    'id': '',
    'title': '',
    'desc': '',
  };

  // 模拟获取商品信息（适配20个字段场景）
  void _loadProductData() {
    setState(() {
      _formData = {
        'id': '1001',
        'title': '新款智能手机',
        'desc': '6.7英寸大屏，5000mAh大电池',
        // 其他字段按此格式扩展
        'price': '2999',
        'brand': 'XX品牌',
        'color': '深空灰',
        'storage': '128GB',
        // ...剩余15个字段
      };
    });
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(16),
      child: Column(
        children: [
          FilledButton(
              onPressed: _loadProductData,
              child: const Text('加载商品信息')),
          TextFormField(
            key: ValueKey(_formData['title']),
            decoration: const InputDecoration(labelText: '商品标题'),
            initialValue: _formData['title'],
            onSaved: (val) => _formData['title'] = val!,
          ),
          TextFormField(
            key: ValueKey(_formData['desc']),
            decoration: const InputDecoration(labelText: '商品描述'),
            initialValue: _formData['desc'],
            onSaved: (val) => _formData['desc'] = val!,
          ),
          // 其他字段的TextFormField按此格式添加
          TextFormField(
            key: ValueKey(_formData['price']),
            decoration: const InputDecoration(labelText: '商品价格'),
            initialValue: _formData['price'],
            onSaved: (val) => _formData['price'] = val!,
          ),
        ],
      ),
    );
  }
}

关键说明

• 每个TextFormField的key设置为ValueKey(_formData['对应字段'])，确保字段值变化时，Widget会重新初始化。
• 批量填充20个字段时，只需要在_loadProductData方法里一次性更新_formData的所有键值对，setState会触发所有绑定了对应ValueKey的表单字段刷新。
• 这种方式完全通过数据驱动表单更新，无需使用TextEditingController，符合需求。

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