引言

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

才注意到，從 2021年2月開始，Flutter 的關注度已經超過 Swift 了，當然早超過了 Kotlin。Flutter 一統 App 開發的時代已經到來了。接下來就看 PC 和 Web 領域了。

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

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

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

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

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

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

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

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

不同的市場報告有不同的統計數字，Flutter、React Native究竟孰強孰弱或許只能從一些市場趨勢中窺見一二。

市場趨勢一：谷歌Google Trends的統計數字顯示，在過去12個月的分析中，Flutter的搜索指數已反超React Native。

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

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

Flutter Vs React Native:代碼的可維護性

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

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

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

此外，與使用React Native的熱重新加載功能相比，在Flutter中發布質量更新和對應用程序進行即時更改所花費的時間表現更好。

Flutter與React Native：開發者的工作成本

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

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

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

總結

開發一個跨平臺的應用程序，Flutter和React Native都是占主導地位的技術，因為兩者都有特殊的功能，如實時刷新或用可適應的軟件構建圖形UI。框架的選擇主要取決于項目需求，不同的項目類型需要不同的優勢，不過未來這種勢均力敵之勢是否會被打破仍未可知。但我個人是偏向于Flutter的，同時自己也整理了一些Flutter技術進階的資料，有興趣的可以掃描下方二維碼免費領取。

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

• 這是為什么?
• 什么是跨平臺開發？
• 什么是Flutter
• Flutter的特性
• Flutter構建應用的工具
• 使用Flutter構建的熱門應用
• 構建Flutter應用的成本
  

第二章在Windows上搭建Flutter開發環境

• 使用鏡像
• 系統要求
• 獲取Flutter SDK
• 編輯器設置
• Android設置
  …
  

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

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

第四章Flutter開發環境搭建和調試

• 開發環境的搭建
• 模擬器的安裝與調試
• 開發環境的搭建
• 模擬器的安裝與調試
  
  由于篇幅有限，還有：
  第五章 Dart語法篇之基礎語法(一)
  第六章 Dart語法篇之集合的使用與源碼解析(二)
  第七章 Dart語法篇之集合操作符函數與源碼分析(三)
  第八章 Dart語法篇之函數的使用(四)
  第九章 Dart語法篇之面向對象基礎(五)
  第十章 Dart語法篇之面向對象繼承和Mixins(六)
  第十二章 Dart語法篇之類型系統與泛型(七)
  第十三章 Flutter中的widget
  

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