Flutter #01 一款仿微信的 Flutter 版 app

415 阅读1分钟

2019-05-06

目录:

  1. 项目背景
  2. 项目设计
  3. 项目框架
  4. 实现结果
  5. 总结

1. 项目背景

学习 Flutter 也有一段时间了,做一款 Flutter 版的微信练练所学的知识。

2. 项目设计

  • 工具:Android Studio 3.4.1ApkTool
  • 流程:微信实在是一个巨大的 project , 所以我决定先把框架搭起来,再一个模块一个模块的去完成,然后模块间分优先级,先把模块里的重点功能实现了,再修补其余功能。 那么项目实现的流程:整体框架-->重要模块的重点功能-->重要模块的次要功能-->次要模块的重点功能-->次要模块的次要功能。
  • 实现:数据来源于 assets/data/ (自造 json 数据放在 assets/data/ 目录下) ,图标来源反编译微信的 apk 文件,先写静态界面,然后获取数据显示。

2019-8-8

3. 项目框架

3.1 BLOC 模式 + Flutter + Test STREAMS or REACTIVE approach. In general terms, data will be flowing from the BLOC to the UI or from UI to the BLOC in the form of streams. -- BLOC 模式的核心

The BLOC pattern

3.2 项目结构

WeChat 结构

3.3 消息模块设计

模块设计

  1. 4 测试结构

测试结构

4.实现结果

WeChat

WeChat

5. 总结

源码地址:wechat 路遥知马力,一切未完待续~