引言

計(jì)劃在2021年進(jìn)行響應(yīng)式開發(fā)？但不確定應(yīng)該選擇哪種技術(shù)來快速且低成本的開發(fā)應(yīng)用程序？如果開發(fā)者對(duì)這兩個(gè)問題的回答都是肯定的，那么2021年可供他們選擇的主選項(xiàng)有只兩個(gè)：Flutter或者React Native。

才注意到，從 2021年2月開始，F(xiàn)lutter 的關(guān)注度已經(jīng)超過 Swift 了，當(dāng)然早超過了 Kotlin。Flutter 一統(tǒng) App 開發(fā)的時(shí)代已經(jīng)到來了。接下來就看 PC 和 Web 領(lǐng)域了。

可對(duì)于跨平臺(tái)應(yīng)用開發(fā)來說，哪種技術(shù)是最佳的工具仍然是一個(gè)值得關(guān)心與探討的問題。雖然互聯(lián)網(wǎng)上有大量的信息可以向開發(fā)者解釋每種技術(shù)的基本原理、優(yōu)點(diǎn)和缺點(diǎn)，但卻很少有一篇文章如比價(jià)清單一樣，系統(tǒng)的將兩者的優(yōu)缺點(diǎn)詳細(xì)的做對(duì)比，這是一個(gè)大問題。

與此同時(shí)，因新冠疫情的影響使得用戶對(duì)移動(dòng)應(yīng)用程序的需求激增。調(diào)查報(bào)告顯示：2020年移動(dòng)應(yīng)用程序已經(jīng)產(chǎn)生了5819億美元的收入，預(yù)計(jì)到2023年將產(chǎn)生9350億美元的收入。正因如此，各大互聯(lián)網(wǎng)企業(yè)迫切需要?jiǎng)?chuàng)建一個(gè)快速的移動(dòng)應(yīng)用程序，以便在用戶的手機(jī)中搶占更多時(shí)間與空間。

由于原生應(yīng)用程序開發(fā)相當(dāng)耗時(shí)且成本高，因此使用相同的代碼庫來創(chuàng)建可以在多個(gè)平臺(tái)上無縫運(yùn)行的應(yīng)用程序的跨平臺(tái)應(yīng)用程序開發(fā)的概念近年來發(fā)展勢頭強(qiáng)勁，對(duì)跨平臺(tái)應(yīng)用程序開發(fā)公司的需求也有所增加，使得在過去的幾年里，F(xiàn)lutter與React Native已逐漸成為移動(dòng)開發(fā)社區(qū)中最受歡迎的跨平臺(tái)移動(dòng)應(yīng)用開發(fā)框架，那么Flutter和React Native那個(gè)才是2021開發(fā)者的首選呢？

在進(jìn)行比較之前，首先得明確一點(diǎn)：Flutter和React Native這兩個(gè)框架都是構(gòu)建跨平臺(tái)移動(dòng)應(yīng)用程序的優(yōu)質(zhì)框架，但有時(shí)做出正確的決定取決于業(yè)務(wù)使用的角度。因此，這里我們選取了三個(gè)重要的參數(shù)，用于兩者的比較：

• 第一:框架的真實(shí)市場份額
• 第二:代碼的可維護(hù)性
• 第三:開發(fā)者的工作成本

市場份額：五五開的格局正在改變

整體來說兩者的市場份額是十分相近的，但Flutter有后來居上之勢。

2019年和2020年全球軟件開發(fā)公司使用的最佳跨平臺(tái)移動(dòng)應(yīng)用開發(fā)框架時(shí)，其結(jié)果是42%的開發(fā)者更愿意留在React Native，而39%的開發(fā)者選擇了Flutter。根據(jù)StackOverFlow的數(shù)據(jù)，68.8%的開發(fā)者喜歡使用Flutter進(jìn)行進(jìn)一步的開發(fā)項(xiàng)目，而57.9%的開發(fā)者對(duì)使用React Native技術(shù)進(jìn)行應(yīng)用開發(fā)進(jìn)一步表現(xiàn)出興趣。

不同的市場報(bào)告有不同的統(tǒng)計(jì)數(shù)字，F(xiàn)lutter、React Native究竟孰強(qiáng)孰弱或許只能從一些市場趨勢中窺見一二。

市場趨勢一：谷歌Google Trends的統(tǒng)計(jì)數(shù)字顯示，在過去12個(gè)月的分析中，F(xiàn)lutter的搜索指數(shù)已反超React Native。

市場趨勢二：更年輕的Flutter在Github上擁有16.8萬名成員和11.8萬顆星的社區(qū)，而更成熟的React Native在Github僅有20.7萬名成員和9.46萬顆星。

趨勢三：根據(jù)Statista的數(shù)據(jù)，React Native以42%的市場份額力壓Flutter，但Flutter與React Native的差距正變得越來越小，其在一年內(nèi)市場份額從30%急劇躍升至39%

Flutter Vs React Native:代碼的可維護(hù)性

無論你開發(fā)的應(yīng)用程序多么出色，為了使其順利運(yùn)行，不斷地升級(jí)和調(diào)試是必要的。與Flutter相比，用React Native維護(hù)代碼真的很困難。

在React Native中，當(dāng)你分叉代碼以適應(yīng)你的應(yīng)用程序時(shí)，它會(huì)干擾框架的邏輯，從而減慢了開發(fā)過程。另外，在React Native應(yīng)用程序中，大多數(shù)本地組件都有一個(gè)第三方庫的依賴性，所以維護(hù)這些過時(shí)的庫確實(shí)是一個(gè)具有挑戰(zhàn)性的任務(wù)。

在Flutter的情況下，由于代碼的簡單性，維護(hù)代碼要容易得多，允許移動(dòng)應(yīng)用程序開發(fā)人員輕松發(fā)現(xiàn)問題，為外部工具和支持第三方庫提供來源。

此外，與使用React Native的熱重新加載功能相比，在Flutter中發(fā)布質(zhì)量更新和對(duì)應(yīng)用程序進(jìn)行即時(shí)更改所花費(fèi)的時(shí)間表現(xiàn)更好。

Flutter與React Native：開發(fā)者的工作成本

無論你是一個(gè)初創(chuàng)公司還是一個(gè)領(lǐng)先的企業(yè)家，開發(fā)人員的小時(shí)費(fèi)用總是讓你感到嚴(yán)重關(guān)切。因此，當(dāng)你選擇雇用反應(yīng)原生開發(fā)公司或Flutter應(yīng)用程序工程師時(shí)，你可能想知道他們的費(fèi)率，不同的地方有不同的小時(shí)費(fèi)率為你提供。讓我們檢查一下!

當(dāng)涉及到雇用應(yīng)用程序開發(fā)人員時(shí)，無論是Flutter還是React Native，都需要考慮許多事情，如經(jīng)驗(yàn)、專業(yè)知識(shí)、項(xiàng)目處理等，以評(píng)估開發(fā)人員的實(shí)際小時(shí)費(fèi)用。但在所有因素中，開發(fā)人員的位置是最重要的因素，它可以帶來每小時(shí)費(fèi)用的巨大差異。

如果你還在懷疑什么時(shí)候選擇Flutter或React Native來開發(fā)項(xiàng)目，那么最好快速瀏覽一下Flutter與React Native之間的信息圖表比較。

總結(jié)

開發(fā)一個(gè)跨平臺(tái)的應(yīng)用程序，F(xiàn)lutter和React Native都是占主導(dǎo)地位的技術(shù)，因?yàn)閮烧叨加刑厥獾墓δ埽鐚?shí)時(shí)刷新或用可適應(yīng)的軟件構(gòu)建圖形UI?？蚣艿倪x擇主要取決于項(xiàng)目需求，不同的項(xiàng)目類型需要不同的優(yōu)勢，不過未來這種勢均力敵之勢是否會(huì)被打破仍未可知。但我個(gè)人是偏向于Flutter的，同時(shí)自己也整理了一些Flutter技術(shù)進(jìn)階的資料，有興趣的可以掃描下方二維碼免費(fèi)領(lǐng)取。

第一章 為什么 Flutter 是跨平臺(tái)開發(fā) 的終極之選

• 這是為什么?
• 什么是跨平臺(tái)開發(fā)？
• 什么是Flutter
• Flutter的特性
• Flutter構(gòu)建應(yīng)用的工具
• 使用Flutter構(gòu)建的熱門應(yīng)用
• 構(gòu)建Flutter應(yīng)用的成本
  

第二章在Windows上搭建Flutter開發(fā)環(huán)境

• 使用鏡像
• 系統(tǒng)要求
• 獲取Flutter SDK
• 編輯器設(shè)置
• Android設(shè)置
  …
  

第三章編寫您的第一個(gè)Flutter App

第1步:創(chuàng)建Flutter app
第2步:使用外部包(package)
第3步:添加一個(gè)有狀態(tài)的部件(Stateful widget)
第4步:創(chuàng)建一個(gè)無限滾動(dòng)ListView
第5步:添加交互
第6步:導(dǎo)航到新頁面
第7步:使用主題更改UI

第四章Flutter開發(fā)環(huán)境搭建和調(diào)試

• 開發(fā)環(huán)境的搭建
• 模擬器的安裝與調(diào)試
• 開發(fā)環(huán)境的搭建
• 模擬器的安裝與調(diào)試
  
  由于篇幅有限，還有：
  第五章 Dart語法篇之基礎(chǔ)語法(一)
  第六章 Dart語法篇之集合的使用與源碼解析(二)
  第七章 Dart語法篇之集合操作符函數(shù)與源碼分析(三)
  第八章 Dart語法篇之函數(shù)的使用(四)
  第九章 Dart語法篇之面向?qū)ο蠡A(chǔ)(五)
  第十章 Dart語法篇之面向?qū)ο罄^承和Mixins(六)
  第十二章 Dart語法篇之類型系統(tǒng)與泛型(七)
  第十三章 Flutter中的widget
  

就不一一展現(xiàn)了，有需要的在下方二維碼中，自行提取。