主頁 > 移動端開發 > 2022年了,來談談Flutter的未來,帶你全面了解 Flutter,它好在哪里?該怎么學?

2022年了,來談談Flutter的未來,帶你全面了解 Flutter,它好在哪里?該怎么學?

2022-01-07 09:05:10 移動端開發

背景介紹

回顧了這段時間解答關于 Flutter 的各種問題后,我突然發現很多剛剛接觸 Flutter 的萌新,對于 Flutter 都有著不同程度的誤解,而每次重復的解釋又十分浪費時間,最終我還是決定寫篇文章來做個總結,

內容有點長,但是相信能幫你更好地去認識 Flutter ,
Flutter 的起源
Flutter 的誕生其實比較有意思,Flutter 誕生于 Chrome 團隊的一場內部實驗, 谷歌的前端團隊在把前端一些“亂七八糟“的規范去掉后,發現在基準測驗里性能居然提高了 20 倍,機緣巧合下 Flutter 就這么被立項,

所以 Flutter 是基于前端誕生,同時基于它的誕生緣由,可以看到 Flutter 本身就不會有特別多的語法糖,作為框架它比較“保守”,選擇的 Dart 語言也是保守型的語言,而它的編程模式,語法都帶有濃厚的前端色彩,可是它卻最先運用在移動客戶端的開發,

所以當 Flutter 面世的時候,就需要面對一個很尷尬的狀態:

  • 對于客戶端原生開發而言,宣告式的開發方式一上手就不習慣,習慣了代碼與布局分離(java\kotlin + xml )和命令式的物件編程,宣告式開發需要額外的學習成本;同時也覺得 Flutter 的嵌套很“惡心”,
  • 對于前端開發而言,Flutter 的環境配置很煩人,除了 VSCode 和 Flutter SDK 之外,還需要原生的如 Java 、Gradle 、Android SDK 、XCode 等“出圈”的環境變數(時不時遇上網路問題),而且 Flutter 所需要的原生平臺知識點對前端來說很不友好;同時也覺得 Flutter 的嵌套很“惡心”,

發現沒有?我沒有說 Dart 語言是學習成本,因為無論對于擅長 JS 的前端而言,還是對于掌握 Java\Kotlin\Swift 的客戶端而言,Dart 無論怎么看都是“弟弟”,

另外不管是前端還是客戶端,都會對 Flutter 的嵌套很“惡心”做出抨擊,但是嵌套問題嚴重嗎?這個我們后面會聊到,

綜上所述, Flutter 對于前端入坑或者客戶端入坑的萌新來說,都會有一定程度的門檻和心理抵觸,那對于前端或者客戶端來說,有沒有必須要學習 Flutter 呢?

學習 Flutter 的理由

在我接觸在大多 Flutter 萌新里,有很大一部分其實是“被迫”使用 Flutter,因為領導或者老板要求用 Flutter ,所以不得不“欲拒還迎”地開始學習 Flutter,這就是最“有力的”理由之一 :“老板(領導)要”,除非你選擇“跳槽”飛出三界,

雖然 Flutter 是全新的跨平臺技術,但其背后的框架原理和底層設計思想,無論是底層渲染機制與事件處理方式,還是組件化解耦思路,亦或是工程化整體方法等,與原生 Android / iOS 開發并沒有本質區別,甚至還從 React Native 那里吸收了不少優秀的設計理念,就連 Flutter所采用的 Dart 語言,關于資訊表達和處理的方式,也有諸多其他優秀編程語言的影子,

因此,從本質上看,Flutter 并沒有開創新的概念,這也就意味著,如果我們在學習 Flutter時,能夠深入進去搞懂它的原理、設計思路和通用理念,并與過往的開發經驗相結合,建立起屬于自己的知識體系抽象層次,而不是僅停留在應用層 API 的使用上,就擺脫了經驗與平臺的強系結,

Flutter 到底該怎么學?

這份谷歌開源的《Flutter完整開發實戰詳解》,希望可以幫助大家用最短時間學習Flutter,教程通俗易懂,實體豐富,既有基礎知識,也有進階技能,能夠幫助讀門者快速入進階,快收藏起來!!!

請添加圖片描述

一、Dart語?和Flutter基礎

在這里插入圖片描述

?、 快速開發實戰篇

1、基礎控制元件
2、資料模塊
3、其他功能

在這里插入圖片描述

三、 打包與填坑篇

1、打包
2、細節
3、問題處理

在這里插入圖片描述

四、 Redux、主題、國際化

1、Redux
2、主題
3、國際化

在這里插入圖片描述

五、 深?探索

1、WidgetsFlutterBinding
2、InheritedWidget
3、記憶體
4、執行緒
5、熱更新

在這里插入圖片描述

六、 深?Widget原理

在這里插入圖片描述

七、 深?布局原理

1、單?元素布局
2、多?元素布局
3、多?元素滑動布局

在這里插入圖片描述

?、 實?技巧與填坑

在這里插入圖片描述

九、 深?繪制原理

1、繪制程序
2、Slider 控制元件的繪制實作

在這里插入圖片描述

?、 深?圖?加載流程

1、圖?流程
2、本地圖?快取
3、其他補充

在這里插入圖片描述

??、全?深?理解Stream

1、Stream 由淺?深
2、StreamBuilder
3、rxdart
在這里插入圖片描述

??、全?深?理解狀態管理設計

1、scoped_model
2、BloC
3、flutter_redux
4、fish_redux

在這里插入圖片描述

?三、全?深?觸摸和滑動原理

在這里插入圖片描述

?四、混合開發打包 Android 篇

1、前?
2、打包
3、插件
4、堆疊

在這里插入圖片描述

Flutter ?試知識點集錦

Dart 部分
Flutter 部分

在這里插入圖片描述

Flutter 開發實戰與前景展望 - RTC Dev Meetup

1、移動開發的現狀
2、Flutter 實戰
3、混合開發
4、PlatformView

在這里插入圖片描述

這份完整版的Flutter全套學習資料已經上傳CSDN ,朋友們如果需要可以微信掃描下方CSDN官方認證二維碼[保證100%免費獲取],

請添加圖片描述

總結

不論是哪一代的開發技術,解決的問題無非就是那么幾個:性能,開發效率,熱更新,前兩者flutter已經接近完美解決了,至于熱更新相信隨著后面不斷的更新迭代,會有越來越優秀的解決方案,

可能很多人會認為flutter的最大弊端在于dart,但是對于一個跨平臺的方案來說一種語言應該不至于阻礙它的發展,至少flutter選擇dart這門語言肯定也是由它的優勢所在,最看的見得優勢就是JIT,即時編譯極大的提高了開發效率,當然還有各種優勢與弊端網上一搜一大把,這里就是仁者見仁智者見智了吧,

我想信flutter這種跨平臺開發技術應該是就是未來,至于是不是flutter最終稱王不得說,可能后面也會有更好的開發框架,但是這種自繪應該就是趨勢,

以上是我實際開發經驗的總結心得,也不一定是完全正確的,讓我們拭目以待吧,

轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/404392.html

標籤:其他

上一篇:關于flutter連接mysql的坎坷之路。

下一篇:Neither user 10141 nor current process has android.permission.READ_PHONE_STATE.

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • 【從零開始擼一個App】Dagger2

    Dagger2是一個IOC框架,一般用于Android平臺,第一次接觸的朋友,一定會被搞得暈頭轉向。它延續了Java平臺Spring框架代碼碎片化,注解滿天飛的傳統。嘗試將各處代碼片段串聯起來,理清思緒,真不是件容易的事。更不用說還有各版本細微的差別。 與Spring不同的是,Spring是通過反射 ......

    uj5u.com 2020-09-10 06:57:59 more
  • Flutter Weekly Issue 66

    新聞 Flutter 季度調研結果分享 教程 Flutter+FaaS一體化任務編排的思考與設計 詳解Dart中如何通過注解生成代碼 GitHub 用對了嗎?Flutter 團隊分享如何管理大型開源專案 插件 flutter-bubble-tab-indicator A Flutter librar ......

    uj5u.com 2020-09-10 06:58:52 more
  • Proguard 常用規則

    介紹 Proguard 入口,如何查看輸出,如何使用 keep 設定入口以及使用實體,如何配置壓縮,混淆,校驗等規則。

    ......

    uj5u.com 2020-09-10 06:59:00 more
  • Android 開發技術周報 Issue#292

    新聞 Android即將獲得類AirDrop功能:可向附近設備快速分享檔案 谷歌為安卓檔案管理應用引入可安全隱藏資料的Safe Folder功能 Android TV新主界面將顯示電影、電視節目和應用推薦內容 泄露的Android檔案暗示了傳說中的谷歌Pixel 5a與折疊屏新機 谷歌發布Andro ......

    uj5u.com 2020-09-10 07:00:37 more
  • AutoFitTextureView Error inflating class

    報錯: Binary XML file line #0: Binary XML file line #0: Error inflating class xxx.AutoFitTextureView 解決: <com.example.testy2.AutoFitTextureView android: ......

    uj5u.com 2020-09-10 07:00:41 more
  • 根據Uri,Cursor沒有獲取到對應的屬性

    Android: 背景:呼叫攝像頭,拍攝視頻,指定保存的地址,但是回傳的Cursor檔案,只有名稱和大小的屬性,沒有其他諸如時長,連ID屬性都沒有 使用 cursor.getInt(cursor.getColumnIndexOrThrow(MediaStore.Video.Media.DURATIO ......

    uj5u.com 2020-09-10 07:00:44 more
  • Android連載29-持久化技術

    一、持久化技術 我們平時所使用的APP產生的資料,在記憶體中都是瞬時的,會隨著斷電、關機等丟失資料,因此android系統采用了持久化技術,用于存盤這些“瞬時”資料 持久化技術包括:檔案存盤、SharedPreference存盤以及資料庫存盤,還有更復雜的SD卡記憶體儲。 二、檔案存盤 最基本存盤方式, ......

    uj5u.com 2020-09-10 07:00:47 more
  • Android Camera2Video整合到自己專案里

    背景: Android專案里呼叫攝像頭拍攝視頻,原本使用的 MediaStore.ACTION_VIDEO_CAPTURE, 后來因專案需要,改成了camera2 1.Camera2Video 官方demo有點問題,下載后,不能直接整合到專案 問題1.多次拍攝視頻崩潰 問題2.雙擊record按鈕, ......

    uj5u.com 2020-09-10 07:00:50 more
  • Android 開發技術周報 Issue#293

    新聞 谷歌為Android TV開發者提供多種新功能 Android 11將自動填表功能整合到鍵盤輸入建議中 谷歌宣布Android Auto即將支持更多的導航和數字停車應用 谷歌Pixel 5只有XL版本 搭載驍龍765G且將比Pixel 4更便宜 [圖]Wear OS將迎來重磅更新:應用啟動時間 ......

    uj5u.com 2020-09-10 07:01:38 more
  • 海豚星空掃碼投屏 Android 接收端 SDK 集成 六步驟

    掃碼投屏,開放網路,獨占設備,不需要額外下載軟體,微信掃碼,發現設備。支持標準DLNA協議,支持倍速播放。視頻,音頻,圖片投屏。好點意思。還支持自定義基于 DLNA 擴展的操作動作。好像要收費,沒體驗。 這里簡單記錄一下集成程序。 一 跟目錄的build.gradle添加私有mevan倉庫 mave ......

    uj5u.com 2020-09-10 07:01:43 more
最新发布
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:40:31 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:40:11 more
  • 歡迎頁輪播影片

    如圖,引導開始,球從上落下,同時淡入文字,然后文字開始輪播,最后一頁時停止,點擊進入首頁。 在來看看效果圖。 重力球先不講,主要歡迎輪播簡單實作 首先新建一個類 TextTranslationXGuideView,用于影片展示 文本是類似的,最后會有個圖片箭頭影片,布局很簡單,就是一個 TextVi ......

    uj5u.com 2023-04-20 08:39:36 more
  • 【FAQ】關于華為推送服務因營銷訊息頻次管控導致服務通訊類訊息

    一. 問題描述 使用華為推送服務下發IM訊息時,下發訊息請求成功且code碼為80000000,但是手機總是收不到訊息; 在華為推送自助分析(Beta)平臺查看發現,訊息發送觸發了頻控。 二. 問題原因及背景 2023年1月05日起,華為推送服務對咨詢營銷類訊息做了單個設備每日推送數量上限管理,具體 ......

    uj5u.com 2023-04-20 08:39:13 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:16:23 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:16:15 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:15:46 more
  • iOS從UI記憶體地址到讀取成員變數(oc/swift)

    開發除錯時,我們發現bug時常首先是從UI顯示發現例外,下一步才會去定位UI相關連的資料的。XCode有給我們提供一系列debug工具,但是很多人可能還沒有形成一套穩定的除錯流程,因此本文嘗試解決這個問題,順便提出一個暴論:UI顯示例外問題只需要兩個步驟就能完成定位作業的80%: 定位例外 UI 組 ......

    uj5u.com 2023-04-19 09:14:53 more
  • FIDE重磅更新!性能飛躍!體驗有禮!

    FIDE 開發者工具重構升級啦!實作500%性能提升,誠邀體驗! 一直以來不少開發者朋友在社區反饋,在使用 FIDE 工具的程序中,時常會遇到諸如加載不及時、代碼預覽/渲染性能不如意的情況,十分影響開發體驗。 作為技術團隊,我們深知一件趁手的開發工具對開發者的重要性,因此,在2023年開年,FinC ......

    uj5u.com 2023-04-19 09:14:08 more
  • 游戲內嵌社區服務開放,助力開發者提升玩家互動與留存

    華為 HMS Core 游戲內嵌社區服務提供快速訪問華為游戲中心論壇能力,支持玩家直接在游戲內瀏覽帖子和交流互動,助力開發者擴展內容生產和觸達的場景。 一、為什么要游戲內嵌社區? 二、游戲內嵌社區的典型使用場景 1、游戲內打開論壇 您可以在游戲內繪制論壇入口,為玩家提供沉浸式發帖、瀏覽、點贊、回帖、 ......

    uj5u.com 2023-04-19 09:08:34 more