前言

學習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>

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/17547.html