Chatter – 从零开始构建 Flutter 聊天应用程序

Pub style: flutter lints Flutter Samples License Stream Feeds

Chatter 是一个演示应用程序,展示了如何使用 FlutterStream Chat Flutter Core 包 从零开始创建一个聊天应用。

从哪里开始

如果您是 Flutter Stream Chat 新手,我们建议您查看官方教程:https://getstream.io/chat/flutter/tutorial/

使用 Stream Chat Flutter 包,您只需极少的代码即可获得完整的聊天体验。

此存储库演示了如何使用 Stream Chat Flutter Core 包 从头开始构建自己的 UI 组件。

视频教程提供了分步指南,以帮助您理解此存储库中的代码:Chatter YouTube 系列播放列表

更多示例

正在寻找更多 Flutter 内容?查看我们的 示例存储库,了解使用 Stream 和 Flutter 可以创建的内容。

安装说明

git clone https://github.com/HayesGordon/chatter.git

检查所需的 ramas

git checkout {branch-name}

安装依赖项

flutter pub get

生成所需的平台文件夹(Android、iOS)。某些 ramas 可能已经包含这些文件。

flutter create .

进一步设置

lib/app.dart 中添加您的 Stream 应用的密钥。

第三个教程 中,应用程序需要设置 Firebase 身份验证和 Cloud Functions。从 第四个教程 开始,通过 Stream 的 Firebase 扩展 会更简单,请参阅 视频 了解更多信息。

章节/教程

Episode 1 - Design/UI

第一集 – 设计/UI [ 视频 ] [ 入门代码 ] [ 完成代码 ] – 创建应用程序的 UI 和结构。

Episode 02 - Stream API

第二集 – Stream API [ 视频 ] [ 入门代码 ] [ 完成代码 ] – 使用基本聊天功能连接到 Stream API

Episode 03 - Firebase Auth and Functions

第三集 – Firebase Auth 和 Functions [ 视频 ] [ 入门代码 ] [ 完成代码 ] – 使用 Firebase 身份验证和 Cloud Function 生成 Stream API 用户令牌

Episode 04 - Migrate Version 4 & Stream Firebase Extensions

第四集 – 迁移 V4 & Stream Firebase 扩展 [ 视频 ] [ 入门代码 ] [ 完成代码 ] – 利用 Stream 的 Firebase 扩展简化身份验证并将 SDK 迁移到 Stream Chat Flutter Core 的 V4 版本。

GitHub

查看 Github