1从零快速搭建一个待办事项应用
- 1登录 FlutterFlow 后，在模板库中选择“Todo List”模板或创建空白项目。
- 2使用拖拽式 UI 构建器，将输入框、按钮和列表组件拖入画布，并绑定到内置的 Firestore 数据集合。
- 3在“Actions”面板中为按钮添加“创建记录”操作，为列表项添加“删除记录”操作。
- 4点击“Run”按钮在浏览器中预览，或导出 Flutter 代码进行本地运行。
2为现有应用添加用户认证与个人资料页
- 1在 FlutterFlow 项目中启用 Firebase Authentication，并选择邮箱/密码或 Google 登录方式。
- 2使用“Page”菜单新建“Profile”页面，拖入文本、头像和编辑按钮组件。
- 3通过“Backend”面板将页面组件绑定到当前用户的 Firestore 文档字段。
- 4为编辑按钮添加“更新记录”操作，并设置保存后返回上一页。
3利用 AI 生成页面并导出 Flutter 代码
- 1在 FlutterFlow 编辑器中点击“AI”按钮，输入自然语言描述（如“一个带搜索栏和卡片列表的新闻页”）。
- 2等待 AI 自动生成对应的 UI 布局和基础逻辑。
- 3手动调整生成的组件样式、颜色和交互动作。
- 4点击右上角“Export”按钮，下载完整的 Flutter 项目代码，在本地 IDE 中继续开发。