開(kāi)工第一天，來(lái)點(diǎn)輕松的資源推薦。

這是一篇實(shí)戰(zhàn)類資源推薦，其實(shí)Flutter的入門資料官方已經(jīng)做得很好了，如果你是零基礎(chǔ)，還是建議先啃一遍官方的教程，然后再看以下實(shí)戰(zhàn)資源，相信在你看官方課程中涉及到的一些疑問(wèn)，下面的資源會(huì)有一些剛好能夠解答。

入門 Flutter官網(wǎng)：

https://flutter.io/get-started/install/

當(dāng)然，也有飽含分享精神的同學(xué)已經(jīng)搭建了 Flutter 中文網(wǎng)：

https://flutterchina.club/get-started/install/

1

Flutter完整開(kāi)發(fā)實(shí)戰(zhàn)詳解

這是戀貓?jiān)铝两o大家寫的一個(gè)系列，之前作者寫過(guò)移動(dòng)端跨平臺(tái)開(kāi)發(fā)的深度解析，也針對(duì)RN，Weex，Flutter分別開(kāi)源了一個(gè)復(fù)雜度還是比較高，功能超級(jí)完整的github客戶端。

• RN
• https://github.com/CarGuo/GSYGithubAPP
• Flutter
• https://github.com/CarGuo/GSYGithubAppFlutter
• Weex
• https://github.com/CarGuo/GSYGithubAppWeex

所以作者寫的Flutter實(shí)戰(zhàn)文章肯定也是非常棒的：

Flutter完整開(kāi)發(fā)實(shí)戰(zhàn)詳解(一、Dart語(yǔ)言和Flutter基礎(chǔ))

https://www.jianshu.com/p/533b5b8d2f71

Flutter完整開(kāi)發(fā)實(shí)戰(zhàn)詳解(二、 快速開(kāi)發(fā)實(shí)戰(zhàn)篇)

https://www.jianshu.com/p/5768a999790d

Flutter完整開(kāi)發(fā)實(shí)戰(zhàn)詳解(三、 打包與填坑篇)

https://www.jianshu.com/p/29ba30d1ee57

Flutter完整開(kāi)發(fā)實(shí)戰(zhàn)詳解(四、 Redux、主題、國(guó)際化)

https://www.jianshu.com/p/34a6224e0cf1

2

一些很適合新手練習(xí)的Demo

關(guān)注本號(hào)的幾乎都是Android的開(kāi)發(fā)者，那么在學(xué)習(xí)Flutter，或者在使用Flutter開(kāi)發(fā)項(xiàng)目的時(shí)候，本能的就會(huì)和Android中開(kāi)發(fā)效果實(shí)現(xiàn)想到一起，

例如實(shí)現(xiàn)各底部Tab，右滑返回，頁(yè)面滑動(dòng)，高斯模糊，圖片放大縮小，閃屏頁(yè)，動(dòng)畫等...

但是很多時(shí)候我們?cè)趯ふ翌愃菩Ч麜r(shí)，代碼比較復(fù)雜，并不便于學(xué)習(xí)。

所以本資源目的，就是最簡(jiǎn)化的實(shí)現(xiàn)各種效果，這樣對(duì)我們剛接觸Flutter的開(kāi)發(fā)者就非常友好了，不至于：

https://github.com/OpenFlutter/Flutter-Notebook

為什么有了官方sample還需要整理這個(gè)合集

讓代碼講故事

所以我開(kāi)始整理一些小的demo，專注于單一功能的實(shí)現(xiàn)，盡量讓代碼解釋自己，我認(rèn)為這是學(xué)習(xí)flutter最快的方式。

每個(gè)demo我盡量控制在100行代碼以內(nèi)，讓代碼講一個(gè)短小但又精彩的故事。其中也有不少國(guó)外的哥們寫的好的demo也被我收錄進(jìn)來(lái)了。

目前包含：

視圖

• BottomNavigationBar底部導(dǎo)航
• BottomAppBar底部導(dǎo)航
• SliverAppBar+TabBar頂部導(dǎo)航
• 高斯模糊(毛玻璃)
• 切換頁(yè)面，保持各頁(yè)面狀態(tài)
• 制作一個(gè)精美的Material風(fēng)格搜索框
• TextField的焦點(diǎn)及動(dòng)作

功能

• 返回上一頁(yè)時(shí)彈出提示信息
• 應(yīng)用開(kāi)啟進(jìn)入閃屏頁(yè)
• 上拉加載，下拉刷新
• json自動(dòng)反序列化
• 左滑刪除ListView中Item
• 右滑返回上一頁(yè)
• 在flutter中截屏

優(yōu)秀第三方庫(kù)

• 應(yīng)用介紹頁(yè)——slider
• 應(yīng)用介紹頁(yè)——intro_view
• 從本地相冊(cè)選取多張圖片
• 使用url_launcher喚醒功能
• 拿捏圖片放大縮小

動(dòng)畫

• 基本動(dòng)畫樣例
• 神奇的Hero動(dòng)畫
• Spinkit——一個(gè)很棒的等待動(dòng)畫庫(kù)
• AnimatedContainer
• AnimatedCrossFade

效果圖太多，就不貼了。作者還寫了日更，為作者的付出精神點(diǎn)贊，不過(guò)日更太困難了，周更就很好啦。

3

其他

此外還有一些優(yōu)質(zhì)的Flutter資源聚合項(xiàng)目

• https://github.com/AweiLoveAndroid/Flutter-learning
• https://github.com/yang7229693/flutter-study
• https://github.com/Solido/awesome-flutter

就不一一介紹了。

另外，關(guān)于完整項(xiàng)目，之前推送過(guò)：

• 推薦幾個(gè)優(yōu)質(zhì)Flutter 開(kāi)源項(xiàng)目

對(duì)于項(xiàng)目還是比較容易搜索的，直接github搜索即可。

也歡迎大家利用一些open api 自己編寫：

• http://wanandroid.com/openapis

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的flutter 国际化_Flutter 开发实战资源推荐的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。