用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>