前言

學(xué)習(xí)Flutter已經(jīng)有半個多月了,但是光看是學(xué)不會的,索性就拿微信練個手吧,雖然我是個菜鳥.

Flutter跟weex以及Rn的對比體會

可能我還是不太習(xí)慣前端的ui樣式吧,感覺前端的樣式寫起來比較亂,但是Flutter給我的感覺卻完全不一樣,對于我這個Android菜鳥來說還是比較容易上手的.因為代碼比較多,我就不廢話了,直接上效果圖.

項目地址

項目我已經(jīng)放在github上了,會持續(xù)更新更多的微信功能,喜歡的小伙伴記得點個Star哦.

項目地址>>>>戳我<<<<

功能包含

• 列表
• 自定義對話框
• 頁面跳轉(zhuǎn)
• menupopuwindow
• 二維碼掃描
• 頁面?zhèn)髦祷卣{(diào)
• 簡單的布局
• 聊天界面(包含價值3個億的Ai核心代碼(捂臉笑))
• 持續(xù)更新中

動態(tài)效果圖(左側(cè)是Android,右側(cè)是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>

發(fā)現(xiàn)界面

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

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認為本網(wǎng)頁中由涉嫌抄襲的內(nèi)容，請及時與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會在5工作日內(nèi)聯(lián)系您，一經(jīng)查實，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.cokiv.cn/17547.html