引言

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

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

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

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

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

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

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

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

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

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

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

市場趨勢一：谷歌Google Trends的統(tǒng)計數(shù)字顯示，在過去12個月的分析中，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:代碼的可維護性

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

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

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

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

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

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

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

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

總結(jié)

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

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

• 這是為什么?
• 什么是跨平臺開發(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è)置
  …
  

第三章編寫您的第一個Flutter App

第1步:創(chuàng)建Flutter app
第2步:使用外部包(package)
第3步:添加一個有狀態(tài)的部件(Stateful widget)
第4步:創(chuà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)了，有需要的在下方二維碼中，自行提取。