# flutter_wechat **Repository Path**: zanderzhang/flutter_wechat ## Basic Information - **Project Name**: flutter_wechat - **Description**: 利用 Flutter 来高仿微信(WeChat) 7.0.0+ App，代码规范惊为天人、注释详解令人发指、细节处理精益求精、核心功能配备文档、接近98%还原度的原生App视觉体验。（持续更新，敬请期待，欢迎Star和Fork…） - **Primary Language**: Dart - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 6 - **Forks**: 4 - **Created**: 2020-02-01 - **Last Updated**: 2024-04-25 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # flutter_wechat ### 概述 - 利用`Flutter` 来构建和模仿`微信7.0.0+ App`，且都是按照`原生微信App`页面，来开发和模仿滴，从而达到与原生 app 相近的视觉效果。 - 笔者于**2019 年 08 月**入坑`Flutter`开发学习，纯属小白一枚，此项目初衷还是想通过项目实践新技术，在业务实践中发现问题，从而积累技术经验，源码中有详细的注释，以及发现问题和解决问题的思路。 - 笔者希望初学者通过学习和实践这个项目，能够打开学习`Flutter`的大门。当然同时也是抛砖引玉，取长补短，希望能够提供一点思路，少走一些弯路，填补一些细坑，在帮助他人的过程中，收获分享技术的乐趣。 --- ### 使用 - 项目运行 ``` flutter packages get // 项目初始化插件 flutter run // 项目运行 ``` - **使用注意** - 还请优先使用`iPhone 7/8 Plus`的模拟器或真机，来运行整个项目. 根本原因：目前可能部分界面还未做完屏幕适配，以及笔者之前是一名`iOS开发`且用的是`iPhone 7 Plus`手机。 - 登陆和注册：目前只支持`QQ账号`和`手机号`的登录或注册（PS：后期增加`微信号和QQ邮箱`登陆），且必须保证`QQ`或`手机号`的有效性。`密码`或者`验证码`可以随便输入，但必须是：`密码`长度需要保证在`8~16`位，`手机验证码`必须保证是`6位有效数字` - 分支策略 ``` master: 各个功能完整，且稳定，出现Bug优先处理 dev: 笔者的开发分支，意识流且不稳定，但知识或技术会超前 master 分支，按需加载。 ``` --- ### 期待 - 如果在使用过程中遇到 BUG，希望你能 Issues 我，谢谢（或者尝试下载最新的代码看看 BUG 修复没有）。 - 如果在使用过程中有任何地方不理解，希望你能 Issues 我，我非常乐意促使项目的理解和使用，谢谢。 - 如果通过该工程的使用和说明文档的阅读，对你在平时开发中有帮助，码字不易，还请点击右上角`Star`或`Fork`按钮，谢谢。 - 简书地址： --- ### 商业互吹 - [iOS开发技术要点汇总](https://github.com/CoderMikeHe/MHDevelopExample_Objective_C) - [Vue版WeChat](https://github.com/CoderMikeHe/vue-wechat) - [iOS版WeChat](https://github.com/CoderMikeHe/WeChat) - [WeChat资源汇总](https://github.com/CoderMikeHe/WeChat_Resource) ### 文档 - [Flutter 玩转微信——通讯录](https://www.jianshu.com/p/8d136f31b8a2) - [Flutter 玩转微信——闪屏页妙用](https://www.jianshu.com/p/e2dcd0e8e04d) --- ### 预览 ###### 闪屏模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/splash/splash_page_0.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/splash/splash_page_1.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/splash/splash_page_2.png) | | :------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------: | ###### 登陆/注册模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/login_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/register_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/other_login_page.png) | | :--------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------: | | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/phone_login_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/current_login_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/login/language_picker_page.png) | ###### 微信模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/mainframe/mainframe_page_0.png) | 虚位以待 | 虚位以待 | | :------------------------------------------------------------------------------------------------------: | :------: | :------: | ###### 通讯录模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/contacts/contacts_page_0.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/contacts/contacts_page_1.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/contacts/contacts_page_2.png) | | :----------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------: | ###### 发现模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/discover/discover_page_0.png) | 虚位以待 | 虚位以待 | | :----------------------------------------------------------------------------------------------------: | :------: | :------: | ###### 我模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/profile/profile_page_0.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/profile/user_info_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/profile/more_info_page.png) | | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------: | ###### 设置模块 | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/setting_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/account_security_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/message_notify_page.png) | | :-------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------: | | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/privates_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/general_page.png) | ![](https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/setting/about_wechat_page.png) |