flutter_wechat

flutter_wechat

概述

• 利用Flutter 来构建和模仿微信7.0.0+ App，且都是按照原生微信App页面，来开发和模仿滴，从而达到与原生 app 相近的视觉效果。

• 笔者于2019 年 08 月入坑Flutter开发学习，纯属小白一枚，此项目初衷还是想通过项目实践新技术，在业务实践中发现问题，从而积累技术经验，源码中有详细的注释，以及发现问题和解决问题的思路。

• 笔者希望初学者通过学习和实践这个项目，能够打开学习Flutter的大门。当然同时也是抛砖引玉，取长补短，希望能够提供一点思路，少走一些弯路，填补一些细坑，在帮助他人的过程中，收获分享技术的乐趣。

---

️️️使用(Important)

• 项目环境

  • Flutter: 1.17.1
  • Dart: 3.5.1

• 项目运行

    flutter packages get // 项目初始化插件 
    flutter run          // 项目运行
  

• 使用注意

  • 还请优先使用iPhone 7/8 Plus的模拟器或真机，来运行整个项目. 根本原因：目前可能部分界面还未做完屏幕适配，以及笔者生前是一名iOS开发且用的是iPhone 7 Plus手机。

  • 登陆和注册：目前只支持QQ账号和手机号的登录或注册（PS：后期增加微信号和QQ邮箱登陆），且必须保证QQ或手机号的有效性。密码或者验证码可以随便输入，但必须是：密码长度需要保证在8~16位，手机验证码必须保证是6位有效数字

  • 去掉全局断点，否则模拟器运行时，点击输入框TextField时，程序老是会卡死，但真机无影响。

    

• 分支策略

   master: 各个功能完整，且稳定，出现Bug优先处理
   dev: 笔者的开发分支，意识流且不稳定，但知识或技术会超前 master 分支，按需加载。
  

• 真机调试

  • Android： HUAWEI P30
  • iPhone： iPhone 7 Plus

• Issue提交

  • 首先，请先尝试拉取master最新的代码，看看Bug是否修复，目前此项目dev分支代码提交比较活跃，master分支代码比较稳定。

  • 其次，检查你的Flutter版本是否和本人项目环境一致，Flutter: 1.12.13+hotfix.7 以上版本，各模块没啥问题的。Flutter SDk 更新命令：flutter upgrade。

  • 最后，告诉我你是运行在哪个平台，Android 或者 iOS。若有问题，我会及时修复，谢谢。

---

期待

• 如果在使用过程中遇到 BUG，希望你能 Issues 我，谢谢（或者尝试下载最新的代码看看 BUG 修复没有）。
• 如果在使用过程中有任何地方不理解，希望你能 Issues 我，我非常乐意促使项目的理解和使用，谢谢。
• 如果通过该工程的使用和说明文档的阅读，对你在平时开发中有帮助，码字不易，还请点击右上角Star或Fork按钮，谢谢。
• 简书地址：http://www.jianshu.com/u/126498da7523

---

主页

GitHub	掘金	简书	CSDN	知乎
点击进入	点击进入	点击进入	点击进入	点击进入

---

商业互吹

• iOS开发技术要点汇总
• Vue版WeChat
• iOS版WeChat
• WeChat资源汇总

文档

• Flutter 玩转微信——通讯录
• Flutter 玩转微信——闪屏页妙用
• Flutter 玩转微信——微信首页

---

预览

闪屏模块

登陆/注册模块

微信模块

通讯录模块

发现模块

	虚位以待	虚位以待

我模块

设置模块