Flutter Linux应用输入文本时窗口空白问题咨询

我在Scaffold应用中使用flutter_form_builder库实现了一个仅含单个文本字段的基础表单组件，代码如下：

// Define a corresponding State class.
// This class holds data related to the form.
class GameCreationFormState extends State<GameCreationForm> {
  // Create a global key that uniquely identifies the Form widget
  // and allows validation of the form.
  final _formKey = GlobalKey<FormBuilderState>();

  @override
  Widget build(BuildContext context) {
    return Consumer<AppModel>(builder: (context, appModel, child) {
      return FormBuilder(
        key: _formKey,
        onChanged: () {
          _formKey.currentState!.save();
          debugPrint(_formKey.currentState!.value.toString());
        },
        child: Column(
          children: <Widget>[
            FormBuilderTextField(
              autovalidateMode: AutovalidateMode.always,
              name: 'title',
              key: const Key('create-game-title'),
              decoration: const InputDecoration(
                labelText: 'Game title',
              ),
              // The validator receives the text that the user has entered.
              validator: (value) {
                if (value == null || value.isEmpty) {
                  return 'Please enter some text';
                }
                return null;
              },
              keyboardType: TextInputType.text,
              textInputAction: TextInputAction.next,
            ),
            ElevatedButton(
              key: const Key('create-game-submit'),
              onPressed: () {
                // Validate returns true if the form is valid, or false otherwise.
                if (_formKey.currentState!.saveAndValidate() ?? false) {
                  // I assume this will be the value of whatever what entered in the field
                  debugPrint(_formKey.currentState?.value.toString());
                }
              },
              child: const Text('Submit'),
            )
          ],
        ),
      );
    });
  }
}

使用flutter run -d linux命令运行应用后，在文本字段中输入内容时，整个窗口会变成空白（深色模式下显示为黑色），日志无任何错误信息，但onChanged的debugPrint能正常输出输入内容。请问这是Linux平台的限制吗？

这不是Linux平台的固有限制，大概率是组件渲染或状态更新逻辑引发的异常，以下是可行的排查和修复方向：

• 调整自动校验触发时机
  当前使用AutovalidateMode.always会在每次输入时触发校验并引发组件重建，在Linux平台可能触发渲染异常。建议改为仅在用户交互时校验或提交时校验：

  FormBuilderTextField(
    autovalidateMode: AutovalidateMode.onUserInteraction,
    // 其他属性保持不变
  )
  

• 排查状态管理的异常触发
  表单被包裹在Consumer<AppModel>中，如果AppModel在输入过程中意外调用了notifyListeners()，会导致整个Consumer区域重建。可以临时移除Consumer，直接返回FormBuilder，验证问题是否消失，以此判断是否是状态管理的问题。

• 升级依赖版本
  部分旧版本的Flutter Linux端或flutter_form_builder库存在渲染bug，升级到最新稳定版可能解决问题：

  flutter upgrade
  flutter pub upgrade flutter_form_builder
  

• 确保组件被Material/Scaffold正确包裹
  即使整体在Scaffold应用中，若表单组件未被Material或Scaffold正确嵌套，输入时也可能出现渲染异常。可临时在FormBuilder外层添加Material测试：

  return Consumer<AppModel>(builder: (context, appModel, child) {
    return Material(
      child: FormBuilder(
        // 原FormBuilder代码
      ),
    );
  });
  

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