Flutter加载OpenGraph数据到TextFormField时断言错误求助

嘿，我一眼就看到问题所在啦！你遇到的这个断言错误，核心原因是你同时给TextFormField设置了controller和initialValue属性——Flutter的TextFormField明确禁止这种操作，因为controller本身就负责管理输入框的文本状态，initialValue是给没有绑定controller的输入框提供初始值的，两者功能冲突，所以触发了断言检查失败。

具体修复步骤： #

1. 移除冲突的initialValue参数：把新增的两个TextFormField里的initialValue删掉，完全通过controller来控制文本内容。
2. 修正URL验证逻辑：你的URL validator里写反了判断条件，Uri.parse(value).isAbsolute返回true代表是有效的绝对URL，但你现在的逻辑是如果为true就返回错误提示，这会把合法URL判定为无效，得调整过来。
3. 保留现有状态更新逻辑：你通过setState更新controller文本并显示新输入框的逻辑是对的，直接保留即可。

修改后的完整代码 #

final _formKey = GlobalKey<FormState>();
final _urlController = TextEditingController();
final _titleController = TextEditingController();
final _imageController = TextEditingController();
var _isFetchedUrl = false;

@override
void dispose() {
  _urlController.dispose();
  _imageController.dispose();
  _titleController.dispose();
  super.dispose();
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      title: Text(''),
    ),
    body: Form(
      key: _formKey,
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          TextFormField(
            controller: _urlController,
            autofocus: true,
            decoration: InputDecoration(hintText: 'Enter the url for your post'),
            validator: (value) {
              if (value == null || value.isEmpty) {
                return 'Please enter url for your new post';
              }
              // 修正URL验证逻辑：isAbsolute为true是有效URL，否则返回错误
              bool _validURL = Uri.parse(value).isAbsolute;
              if (!_validURL) {
                return 'Please make sure you entered a valid URL';
              }
              return null;
            },
          ),
          // 简化条件判断写法，更简洁直观
          if (_isFetchedUrl)
            Column(
              children: <Widget>[
                TextFormField(
                  controller: _titleController,
                  // 移除冲突的initialValue参数
                  decoration: InputDecoration(
                      hintText: 'Enter title for your post'),
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return 'Please enter title for your new post';
                    }
                    return null;
                  }),
                TextFormField(
                  controller: _imageController,
                  // 移除冲突的initialValue参数
                  decoration: InputDecoration(
                      hintText: 'Enter image URL for your post'), // 修正hintText描述避免混淆
                  validator: (value) {
                    if (value == null || value.isEmpty) {
                      return 'Please enter image URL for your new post';
                    }
                    return null;
                  }),
              ],
            ),
          Padding(
            padding: const EdgeInsets.symmetric(vertical: 16.0),
            child: RaisedButton(
              onPressed: () async {
                if (_formKey.currentState?.validate() ?? false) {
                  Scaffold.of(context).showSnackBar(
                      SnackBar(content: Text('Processing Data')));
                }
                var data = await OpenGraphParser.getOpenGraphData(_urlController.text);
                print(data['description']);
                setState(() {
                  // 增加空值判断，避免OpenGraph返回null导致赋值崩溃
                  _titleController.text = data['description'] ?? '';
                  _imageController.text = data['image'] ?? '';
                  _isFetchedUrl = true;
                });
              },
              child: Text('Load my post'),
            ),
          ),
        ],
      ),
    ),
  );
}

额外优化点说明： #

• 把原来的_isFetchedUrl == false ? Container() : Column(...)换成了更简洁的if (_isFetchedUrl) Column(...)写法，这是Flutter 2.3+支持的条件Widget语法，代码更干净易读。
• 在给controller赋值时增加了?? ''空值判断，避免OpenGraph接口返回null导致程序崩溃。
• 修正了第二个TextFormField的hintText描述，原来写的是“subtitle”但实际绑定的是图片URL，避免逻辑混淆。

这样修改后，断言错误就会消失，同时你想要的“输入URL获取OpenGraph数据并展示可编辑输入框”的功能也能正常工作啦！

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