如何解决Flutter中TextField引发的'!debugBuildingDirtyElements'断言异常？

错误原因 #

这个断言错误的核心原因是将有状态的TextField（或TextFormField）放在了const修饰的子组件列表中。TextField是需要维护内部状态（比如输入内容、焦点状态）的有状态组件，而const关键字会强制组件成为不可变常量，当组件需要更新状态时，就会和常量组件的不可变性冲突，触发该错误。

修复方案 #

只需移除代码中Column子组件列表前的const关键字即可，修复后的代码如下：

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Row(
          children: [
            Column(
              children: [
                TextField(),
              ],
            )
          ],
        ),
      ),
    );
  }
}

额外说明 #

• 所有需要维护内部状态的组件（如TextField、Checkbox、Switch等）都不能用const修饰，因为常量组件无法响应状态变化。
• 只有当组件树中不存在需要动态更新的内容时，才能安全使用const来优化性能。

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