ducafecatFlutter エコシステムナビ
FLUTTER ECOSYSTEM

CoderMikeHe/flutter_wechat

🔥🔥🔥 Flutter を使って WeChat 7.0.0+ アプリを高精度に再現。コード規則は驚くべきほどで、コメントは詳細かつ徹底的。細部までこだわり抜き、主要機能には完全なドキュメント付き。ネイティブアプリにほぼ98％近いビジュアル体験を実現。コードは少ないが、コメントは豊富です。（継続的な更新予定、お楽しみに。StarとForkをお待ちしています…）

GitHub で見る ↗
flutter_wechat のプロジェクト画像
Stars
724
Forks
200
最終プッシュ（UTC）
2020/08/04
プロジェクト状態
公開中
CoderMikeHe GitHub avatar
GITHUB User

CoderMikeHe ↗

实用、思考、实践、死磕！传道、授业、解惑、就这？

http://www.jianshu.com/u/126498da7523广东深圳公式サイト ↗
言語DartRubyObjective-CJava

技術トピック

# wechat# flutter# dart# ios# contacts# ui# provider

使用している依存関係

依存関係一覧 19 件

ランキング

Production#133

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

README を開く / 閉じる

flutter_wechat

https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/logo.png
概述

  • 利用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时，程序老是会卡死，但真机无影响。

      https://raw.githubusercontent.com/CoderMikeHe/flutter_wechat/HEAD/snapshots/exception.png

  • 分支策略

    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 知乎
点击进入 点击进入 点击进入 点击进入 点击进入
商业互吹
文档
预览
闪屏模块
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/mainframe/mainframe_page_1.png https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/mainframe/mainframe_page_2.png
https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/mainframe/mainframe_page_3.png https://github.com/CoderMikeHe/WeChat_Resource/blob/master/gif/mainframe/mainframe_page.gif https://github.com/CoderMikeHe/WeChat_Resource/blob/master/snapshots/mainframe/mainframe_page_4.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