• Stars
    star
    671
  • Rank 67,266 (Top 2 %)
  • Language
    Dart
  • License
    MIT License
  • Created about 5 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🔥🔥🔥 利用 Flutter 来高仿微信(WeChat) 7.0.0+ App,代码规范惊为天人、注释详解令人发指、细节处理精益求精、核心功能配备文档、接近98%还原度的原生App视觉体验。代码不多,注释多。(持续更新,敬请期待,欢迎Star和Fork…)

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 我,我非常乐意促使项目的理解和使用,谢谢。
  • 如果通过该工程的使用和说明文档的阅读,对你在平时开发中有帮助,码字不易,还请点击右上角StarFork按钮,谢谢。
  • 简书地址:http://www.jianshu.com/u/126498da7523

主页

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

商业互吹

文档


预览

闪屏模块
登陆/注册模块
微信模块
通讯录模块
发现模块
虚位以待 虚位以待
我模块
设置模块

More Repositories

1

WeChat

🔥 iOS 利用MVVM + RAC + ViewModel-Based Navigation来搭建微信(WeChat 7.0.0+)的整体基本架构,以及实现微信朋友圈、通讯录、下拉小程序、搜索等主要功能,代码规范惊为天人、注释详解令人发指、细节处理精益求精、核心功能配备文档、接近98%还原度的原生App视觉体验,代码不多,注释多。(持续更新,敬请期待,欢迎Star和Fork…)
Objective-C
1,172
star
2

MHDevelopExample_Objective_C

🔥🔥🔥 iOS开发技术要点汇总,核心功能配备文档。表情键盘布局、大文件分片上传、基于MVC的基类设计、MVVM+RAC实践、微信朋友圈实现方案等。
Objective-C
1,046
star
3

vue-wechat

🔥🔥🔥 利用 Vue2.x 来高仿微信(WeChat)7.0.x App,良好的代码规范、注释详解、以及接近原生App的视觉体验。
JavaScript
36
star
4

WeChat_Resource

🔥🔥🔥 整理微信App页面所用到的所有资源和素材且按模块归类处理,查询简单方便,节约时间成本,同时解决现实中,当我们想学习一门新的编程语言时,却苦于没有一个素材资源完整、UI设计图清晰的项目来实战的烦恼。
25
star
5

MHSinaWeibo_MVVM

利用Swift3.0仿写新浪微博,采用MVVM设计模式开发完成。仅限学习交流,切勿商用,维权必究!!!
Objective-C
11
star
6

MHWatermarkCamera

水印相机
Objective-C
7
star
7

vant-learn

解析Vant中的高频组件
JavaScript
5
star
8

WeChat_Swift

Swfit4.0+ 实现微信
3
star
9

CoderMikeHe

3
star
10

vue-wechat-next

Vue3+TypeScript+Vite 搭建微信
Vue
1
star