用Flutter撸一个微信吧(高仿)
前言
学习Flutter已经有半个多月了,但是光看是学不会的,索性就拿微信练个手吧,虽然我是个菜鸟.
Flutter跟weex以及Rn的对比体会
可能我还是不太习惯前端的ui样式吧,感觉前端的样式写起来比较乱,但是Flutter给我的感觉却完全不一样,对于我这个Android菜鸟来说还是比较容易上手的.因为代码比较多,我就不废话了,直接上效果图.
项目地址
项目我已经放在github上了,会持续更新更多的微信功能,喜欢的小伙伴记得点个Star哦.
功能包含
- 列表
- 自定义对话框
- 页面跳转
- menupopuwindow
- 二维码扫描
- 页面传值回调
- 简单的布局
- 聊天界面(包含价值3个亿的Ai核心代码(捂脸笑))
- 持续更新中
动态效果图(左侧是Android,右侧是Ios)
<table>
<tr>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e051d09080e?w=480&h=950&f=gif&s=4645628" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0dfd61d136f9?w=364&h=801&f=gif&s=716018" width="320"/></th>
</tr>
</table>
首页更多的弹窗
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e30aeff2eec?w=1080&h=2160&f=jpeg&s=106005" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e26717c9a75?w=828&h=1792&f=png&s=149727" width="320"/>
</th>
</tr>
</table>
聊天界面
<table>
<tr>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e53e987c943?w=1080&h=2160&f=jpeg&s=90181" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e4c1b02705d?w=828&h=1792&f=png&s=128119" width="320"/></th>
</tr>
</table>
通讯录界面
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e5fbbd53fce?w=1080&h=2160&f=jpeg&s=79101" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e6e2aa204d7?w=828&h=1792&f=png&s=94886" width="320"/>
</th>
</tr>
</table>
发现界面
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e7ea5c7db1d?w=1080&h=2160&f=jpeg&s=65441" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e84bcacd935?w=828&h=1792&f=png&s=66153" width="320"/>
</th>
</tr>
</table>
我的界面
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e8e14d361b7?w=1080&h=2160&f=jpeg&s=60634" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e8b068b1099?w=828&h=1792&f=png&s=60919" width="320"/>
</th>
</tr>
</table>
个人信息界面
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e95be86a563?w=1080&h=2160&f=jpeg&s=63609" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e9b57ceb617?w=828&h=1792&f=png&s=69215" width="320"/>
</th>
</tr>
</table>
修改个人信息
<table>
<tr>
<th>
<img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e97b5c3a0cf?w=1080&h=2160&f=jpeg&s=40587" width="320"/></th>
<th><img src="https://user-gold-cdn.xitu.io/2018/12/18/167c0e9e128eed63?w=828&h=1792&f=png&s=33364" width="320"/>
</th>
</tr>
</table>
