第 23 课2026.09.30
拒绝空白提交时在输入框下方解释原因。
第 23 课：为空白标题显示内联错误
- 日期：2026-09-30
- 课程序号：第 23 课
- 知识点：
InputDecoration.errorText
用途或适用场景
拒绝空白提交时在输入框下方解释原因。
核心概念
错误文字属于当前输入交互状态；课程列表仍只在合法提交时更新。
最小代码或操作示例
dart
String? errorText;
TextField(
decoration: InputDecoration(errorText: errorText),
onSubmitted: (text) {
final value = text.trim();
if (value.isEmpty) { setState(() => errorText = '请输入标题'); return; }
Navigator.pop(context, value);
},
)3～5 分钟练习
提交三个空格，再提交“Flutter 路由”。
参考答案
第一次显示错误且不返回；第二次返回清理后的标题。
与上一课的联系
第 22 课拒绝空白标题；本课只增加内联错误反馈；下一课可在输入变化时清除旧错误。
时效校验
时效校验：2026-09-30（Flutter 当前 API；InputDecoration.errorText 未见废弃标记。）