Flutter Instagram 克隆 (Stream-agram)
Stream-agram 是一个演示应用程序，展示了如何使用 Flutter 和 Stream Feeds 重现 Instagram。
教程
如果您想了解有关此项目的更多信息以及代码结构，请查看配套的博客和视频。
博客文章
- 文章 详细介绍了该项目的分步指南。
YouTube 视频
- 视频 展示了如何从头开始创建此应用程序。视频遵循与博客文章相同的步骤，我们建议您同时使用这两个资源，以便轻松遵循教程。
预览
支持的功能
- 浅色和深色主题。
- 类似 Instagram 的动画和过渡
- 使用不同的用户帐户登录
- 添加和更改个人资料图片
- 将照片帖子添加到您自己的用户动态 (活动)
- 订阅/取消订阅其他用户的动态
- 添加评论和点赞 (反应)
入门
以下是使用您自己的 Stream Feeds 配置在本地运行此项目的步骤。
克隆此存储库
git clone https://github.com/GetStream/flutter-instagram-clone
创建 Flutter 平台文件夹
在主文件夹内运行此命令以生成平台文件夹。
flutter create .
设置 Image Picker 包
根据您要定位的平台，您需要为 image_picker Flutter 包进行一些 设置。在撰写本文时，此包仅支持 Android、iOS 和 Web。
添加密钥和令牌
您还需要添加您的 Stream API 密钥 和 用户前端令牌。这些在代码库中用 TODO 标记。有关更多信息，请参阅关于创建用户令牌的 博客 或 视频 部分。
Stream Feeds Flutter SDK
Stream-agram 是使用 Stream Feeds 构建的，用于实现活动动态。
- 活动动态教程 – 入门活动动态的基础教程。
- Stream Feeds Flutter 存储库 – Stream Feeds 的官方 Flutter SDK。
- 动态客户端文档 – 活动动态客户端的详细文档。
Stream Chat Flutter SDK
如果您有兴趣为您的 Instagram 克隆添加聊天功能，请查看 Stream Chat。
- 聊天消息教程 – 通过构建一个简单的消息应用程序入门的基础教程。
- Stream Chat Flutter 存储库 – Stream Chat 的官方 Flutter SDK。
- 聊天客户端文档 – 用于请求 API 调用的聊天客户端的完整文档。
- 聊天 UI 组件文档和指南 – Stream UI 组件的完整文档。
- 示例应用程序 – 官方 Flutter 示例聊天应用程序。
发现这个存储库有用吗？?
通过加入 Stargazers ⭐ 来支持它
许可证
Copyright 2021 Stream.IO, Inc. All Rights Reserved.
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://apache.ac.cn/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
