[??top]Flutter學習資料總結

前言

本來參考Flutter | 老孟及自己在學習中對一些資料的收集。希望能幫到想學習flutter的開發者。

Flutter 階段

千呼萬喚始出來,主角-Flutter終于登場了,Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高質量的原生用戶界面。

dea4df2cc523fa270bd0c3e0d4fe7e9e

Flutter吸收了前面的經驗,它既沒有使用WebView,也沒有使用原生控件進行繪制,而是自己實現了一套高性能渲染引擎來繪制UI,這個引擎就是大名鼎鼎的SkiaSkia是一個2D繪圖引擎庫,ChromeAndroid都是采用Skia作為引擎。Flutter完美的解決了跨平臺代碼復用和性能問題,大家都在感嘆:似乎UI迎來了終極解決方案

Flutter局限性

Flutter并不是無所不能的,當你選取Flutter作為技術方案時,首先要了解Flutter無法實現哪些功能。

  • UI平臺一致性
    由于Flutter使用自己的引擎進行UI渲染,而不是用原生控件渲染,導致控件顯示效果和原生不是完全一樣,雖然肉眼看起來基本一樣,但還是有一些細微的差別,尤其當AndroidiOS系統升級導致原生控件效果發生變化時,Flutter開發App并不會進行相應的變化,如果您的App需要原生控件保持完全一致,Flutter可能并不適合您。

  • 動態化更新

    動態化功能在國內來說是一項非常重要的功能,Google官方已經明確現階段不會實現動態化功能
    此功能并不是技術上無法實現,更多的還是政策和法律上的約束。
    因此如果您的App需要動態化功能,那么Flutter可能并不適合您。

總結

既然Flutter已經如此優秀了,那是不是以后使用Flutter就可以了呢?答案是否定的,未來很長一段時間應該是原生、Hybird、React Native、Flutter共存時代。

  • 原生開發是無法完全避開的,一些硬件(比如藍牙、傳感器等)功能、音視頻和ARVR等相關功能必須使用原生開發,有人說我開發藍牙功能沒用寫原生代碼啊,直接引入即可,你沒有寫,那是因為有人為你封裝好了第三方插件。
  • Hybird雖然有一些缺陷,但依然有其使用的場景,比如京東、天貓App中的營銷活動都是是H5實現的。
  • React Native可以使用原生控件渲染,因此,如果您需要使用原生控件而又想跨平臺,React Native是不錯的選擇。

官方學習地址

官網
Flutter中文網

Flutter環境配置

配置Flutter環境ForMac

flutter

flutter安裝和配置

英語比較好的,看英文官網:https://flutter.dev/docs/get-started/install
中文:https://flutter.cn/docs/get-started/install
中國的網絡環境下使用 Flutter,請先看一下這篇文章

創建Flutter 項目

創建Flutter 項目

設置應用程序名稱和圖標

設置應用程序名稱和圖標

App調試運行

App調試運行

打包部署

打包部署

Flutter Package

Flutter Package

Flutter Package

pubspec.yaml 配置文件詳解

文本組件

c2be12a477eb1fcd9642fb3f0e73917e

基礎組件

52abefb72d6eafecd54abf20247e66af

布局組件

9eedc03cda7ac7ca0b34612d9d7086ad

定位裝飾權和重組件

8498570a355dbd12d896398b965fbc16

手勢識別組件

2bab93962ac3a55ad187fe6fa2fb58f3

滾動和大數據組件

c57229629f6d8f8886642e6bd20ae284

Sliver系列組件

b34d7ce204f47cc04cd605920a01b4b3

功能性組件

45925d60387b0bc11df5be8097d704ee

App級別組合

7346c25036b858940175d21b9ac30fe8

組件總結和實戰

20d4e1c0615e38bd5cf30e1822a18638

動畫

b19ac2480a63abdadb8d54593cadbea3

路由

dfb304e42463786ae82e83f1a51fdaa0

數據庫儲存和網絡請求

84e0031c2dab6a26af1f8d20c55e8202

混合開發

731474269e00db5a7e9e542fec042b2e

國際化

94ac31ee13d6a1d4442e4ee01e3ea0fa

Flutter | 老孟

Flutter | 老孟
Flutter組件
flutter實戰
flutter源碼分析
flutter優秀文章
flutter插件

Drat

插件開發 pub

flutter插件庫官方---pub

插件開發
開發

Dart異步與網絡請求

Dart中的異步
異步async、await和Future的使用技巧

Dio
Dio二次封裝

RAP一種更高效的前后端接口對接解決方案

官網

RAP一種更高效的前后端接口對接解決方案

ea0a20ab6c6931189a416164db857e15

Flutter開源框架

從新手到Flutter架構師,一篇就夠!Flutter 最全開源項目(UI、導航、網絡、導航、音視頻...)

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容