基础 Flutter 布局
由 Thai Duong Do (Tad Wilson) 为非商业目的创建
如果您对此项目有任何疑问，请通过以下方式联系我： [email protected]
通过以下方式克隆仓库：
git clone <repository_url>
然后使用任何 IDE 打开项目并运行
flutter pub get
并且可以随意使用所有代码和资源，或者如果您发现任何问题，请尝试为我的代码做出贡献。
感谢您所有的贡献！
主要话题
学习如何仅使用 Dart 构建一个基础的 Flutter 应用布局。
我们将着手构建 4 种与“应用基础操作”相关的布局
登录，注册，忘记密码，个人资料追踪
继续练习并坚持下去！
“如果子孙后代记住我们时，更多的是感激而不是悲伤，那么我们就必须取得比技术奇迹更多的成就。我们还必须为他们留下一个关于世界被创造时的样子，而不仅仅是我们使用它时的样子。”
-林登·B·约翰逊，美国前总统-
登录表单
学习构建带操作的登录表单布局
- 添加背景图像界面
- 使用 flutter_svg 库添加 SVG 以简单地表示任何应用程序和社交媒体徽标
- 创建输入电子邮件地址和密码的输入字段
- 创建登录按钮以提交验证
- 使用 Form key 进行验证
- 显示成功登录通知
概述
注册表单
学习构建带操作的注册表单布局
- 创建输入字段用于输入
- 电子邮件地址
- 密码
- 确认密码
- 名字和姓氏
- 使用 intl_phone_field 库选择国家/地区代码电话号码并进行输入
- 创建复选框以勾选或同意条款和条件，例如
- 创建注册按钮以提交验证
- 显示成功注册通知
概述
忘记密码表单
学习构建带操作的忘记密码表单布局
- 创建信息框以显示用户指南
- 创建输入电子邮件地址以重置密码的输入字段
- 创建提交按钮以提交电子邮件地址
- 显示成功提交通知
概述
个人资料追踪界面
学习构建带操作的个人资料追踪界面布局
- 创建用户界面，例如社交媒体，具有
- 用户的封面背景图
- 用户的头像
- 用户名
- 创建一些实例用于个人资料追踪的主要功能，例如
- 信息追踪
- 设置
- 登出
