初試 flutter

一個(gè)簡(jiǎn)單易懂的 demo 仿網(wǎng)易云音樂(lè)app

對(duì)于用過(guò) react-native 的人來(lái)說(shuō) flutter 是很容易上手的（就像用過(guò)react的人很容易上手react-native一樣）

屏幕截圖

android

1	2	3

ios

1	2	3

之前一直用 react-native，玩過(guò) flutter 之后，感覺(jué)它們挺相似的

flutter 跟 react 都有生命周期，都有setState -> 觸發(fā) render -> diff 比較 -> 最小更新，都能很好與 redux 配合使用

以下稱 Widget === Component ，應(yīng)該是 Widget == Component

• 頁(yè)面布局：flutter幾乎所有的布局（應(yīng)該說(shuō)是樣式？）都是 Widget 組成，一開(kāi)始會(huì)覺(jué)3得很煩，層層嵌套，不熟還要時(shí)時(shí)翻文檔（后面熟了還是覺(jué)得方便的，因?yàn)椴挥脤?xiě)樣式了 - -）；RN中一個(gè) View 就可以直接添加很多樣式。

• 開(kāi)發(fā)熱更新：都支持熱更新，感覺(jué)flutter的熱更新比較快，但是有局限性，不能更新全局/靜態(tài) 變量， initState 內(nèi)的代碼無(wú)法更新，且退出app后需要重新安裝進(jìn)入debug；

• 頭部導(dǎo)航欄：Navigation Header在 rn中比較頭疼的，需要自己兼容處理 StatusBar、針對(duì)劉海屏又有 SafeAreaView，或許還會(huì)用react-navigation自帶的頭部； flutter的AppBar直接對(duì)此做好了兼容

• 其他：rn的第三方庫(kù)非常多，

不想寫(xiě)了，，，我是來(lái)求個(gè)star的??