Tinder App Flutter

HeaderImage

简介

这是一个演示应用程序,旨在学习Flutter并创建一个有趣的应用程序。

仅在 Android 上测试过。

技术与架构

Flutter, Dart

Firebase

  • 认证
  • Firestore
  • 存储

架构组件

  • Provider

特点

开始屏幕: 登录/注册

个人资料屏幕: 更改图片,更改简介,注销

聊天屏幕: 聊天列表(匹配项)

聊天屏幕: 按时间戳排序的消息,发送和显示消息

匹配屏幕: 显示人员的图片和信息,喜欢/不喜欢

已匹配屏幕: 显示包含在匹配中的用户

通用: 自动登录,基本错误处理,进度条

Firebase: 存储用户信息、聊天、图片

截图

开始 | 登录 | 注册

个人资料 | 聊天 | 匹配

聊天 | 已匹配

Firebase

设置

要求

  • Flutter 基础知识
  • Android 基础知识
  • Firebase 基础知识
  • Flutter SDK 版本 >= 2.0.0 (已测试并兼容 2.0.0)

Firebase

  • 设置认证并使用“电子邮件/密码”登录方法
  • 设置 Firestore
  • 设置 Storage
  • 替换文件 google-services.json

项目

  1. 下载项目并在 Android Studio 等 IDE 中打开
  2. 连接你的 Android 手机或使用模拟器启动应用程序

GitHub

查看 Github