form_validation_simple
这是我的演讲 Elegant Form Validation in Flutter 中展示的演示的源代码。
要运行该应用,请确保在 FavQs 注册一个账户并获取 API 密钥。假设您使用 VS Code 运行应用,请在 .vscode/ 目录中将 launch.json.example 文件重命名为 launch.json,并将 YOUR_API_KEY 替换为有效的 API 密钥。如果您不使用 VS Code,请使用附加参数 --dart-define fav-qs-app-token=YOUR_API_KEY 启动应用 (flutter run)。祝您使用愉快!
此存储库包含构成《Flutter 实战(中文版)》一书配套材料的包。它们位于 packages/ 文件夹中。我强烈建议任何中级 Flutter 用户阅读这本书?
此演示展示了什么
- 同步/实时验证错误(例如,检查字段是否为空、字符数是否满足最小长度、是否匹配正则表达式等)
- 验证相互关联的字段(例如,密码和确认密码)
- 异步/服务器验证错误(例如,检查用户名是否已被占用、电子邮件是否已注册)
- 控制验证发生的时间(例如,只有当用户与表单或字段进行交互后才显示验证错误,或者仅在表单提交一次后显示)
- 当用户开始编辑字段时清除验证错误
- 实现自定义外观的字段(非 Material/Cupertino 风格)
- 一些控制焦点的 UX 技巧
