在我們探討Flutter 2如何優於Flutter 1之前,首先讓我們回顧一下在使用Flutter 1時所遇到的主要挑戰。作為Google開發的一款開源UI框架,Flutter 1確實帶來了許多革新與方便,但同時也存在著一些問題。 最常見的問題就是其執行效能。

儘管Flutter的目標是提供流暢且高效能的用戶體驗,但很多開發者反映,在某些情況下,特別是處理大型文檔或進行複雜操作時,它的效能可能會低於預期。這可能歸因於其繪圖引擎Skia和Dart語言對硬體資源管理及優化不足。 另一大挑戰則是跨平台兼容性問題。

雖然Flutter被廣泛認為是最好的跨平台移動應用開發工具之一,但仍有許多Android和iOS特定功能無法完全支援或需要手動配置。在桌面和Web上的支援程度也相當有限。 第三個挑戰是學習曲線相對陡峭。

由於Flutter使用Dart語言,而Dart並不像Java或JavaScript那麼普及,因此對許多開發者來說是一個全新的學習挑戰。由於其Widget-based的設計理念與其他UI框架有所不同,這也增加了學習難度。 還有一些關於生態系統的問題。

比如,在第三方庫和插件上,Flutter 1的數量和質量都無法與React Native或原生開發工具相提並論。這使得開發者在實現某些功能時可能需要自己從頭開始寫代碼。 然而值得注意的是,盡管存在以上挑戰,在移動應用開發領域中, Flutter 1仍然表現出色且受到廣大開發者喜愛。

而隨著Flutter 2的推出, 我們期待Google能夠解決這些問題, 進一步提升Flutter框架的性能和易用性.

表: 強弱危機分析(最後更新: 2023-10-14)

儘管Flutter常被認為是一個維護良好且穩定的UI框架,但實際上仍存在許多與眾不同的項目。舉例來說,藍牙低功耗(BLE)就是其中之一。當你試圖尋找一個能夠應對與藍牙低功耗相關的特殊情況的庫時,可能會遇到一些挑戰。

在尋找最穩定的庫以優化Flutter應用性能時,你很可能會將搜索範圍縮小到Flutter_blue這個庫。然而,在pub.dev上開始輸入BLE時,你可能甚至無法在搜索結果中找到它。相反地,你可能會在列表底部找到它,並與那些維護混亂的類似庫放在一起。

因此,其中一個解決方案是在Gitlab中複製粘貼“flutter_blue”,而不是使用Github。結果就是有些開發者可能會選擇錯誤的庫。儘管有這種解決方案可供使用,但這使得搜索過程變得冗長和複雜。

許多開發者認為在Flutter中處理當地語系化是一個挑戰。儘管開發者可以輕鬆地確定任何設備的語言環境,但處理與語言相關的資源的過程卻非常棘手。以Android為例,Android通常以其有組織的資源管理方法而聞名。

如果開發者希望使用某個資源,他必須從代碼中引用它。此外,這些資源還分散在不同的檔中。在這種情況下,開發者通常會依靠社群中已知的共同解決方案-JSON檔。

儘管將常量識別為JSON欄位可能看起來很容易,當將存儲在檔中的字串常量導出時,它可能無法保護免於運行時異常。即使您使用了Android Studio flutter-i18n外掛程式,由於該項目未包含具有不同配置的不同IDE時需要添加特殊檔,您可能會覺得這種方式很不方便。因此,在使用Flutter 1時處理當地語系化問題是一個挑戰。

你是否在使用Android開發?讓我提醒你最令你害怕的事情-保存應用程式狀態的挑戰。無論是保存狀態還是螢幕方向改變,如果操作系統終止一個應用程式,處理這種情況就變得困難。在這種情況下,Flutter能夠管理螢幕方向而不會丟失任何數據,但是如果操作系統終止了一個應用程式,該應用程式可能無法使用上次會話中的數據恢復。

簡而言之,可以說Flutter能夠解決螢幕方向改變的問題,但在操作系統終止應用程式並保留數據方面則存在問題尚未解決。

每年,公司都會推出各種新設備,包括具有不同螢幕、圖元密度和方向的設備。雖然這被視為例行工作,但需要高度的注意力。Android開發人員接受培訓以開發與密度無關的圖元一起工作的應用程式UI組件。

在這種情況下,Flutter 1提供了邏輯圖元。根據Flutter的母公司Google表示,該UI框架不包含DPS(density-independent pixels)。但是邏輯圖元和與設備無關的圖元是相似的類型。

然而,從實際角度來看是不可能的,因為使用草圖來建立使用大小來建立用戶介面可能對每個螢幕都帶來相同的結果並非易事。儘管Flutter有很多優勢,在上述方面中,你需要將注意力轉移到Flutter 2以改善Flutter Web應用程式性能。

Google花了兩年的時間才推出更好的版本——Flutter 2。這個更新的框架預計能夠讓開發者創建可攜、快速且美觀的應用程式。有了Flutter新版本的更新,開發者將比以往更容易地重用代碼為五大操作系統(Linux、macOS、Android、Windows和iOS)創建原生應用程式。

除此之外,Flutter還可以與頂級瀏覽器(Edge、Safari、Firefox和Chrome)相容。等等...還有更多功能。Flutter 2.0具備在汽車和智能電視等物聯網應用中嵌入的能力。

總而言之,Flutter新版本更新背後的目標是更加注重為用戶創造體驗,而不是專注於平臺本身。讓我們來看看Flutter 2有哪些新特性吧!

根據 Flutter 的最新更新,網頁支援已從測試通道轉移到穩定通道。由於這次的穩定版本釋出,Flutter 支援程式碼的重用性又提升了一個層次。因此,當開發者嘗試建立一個 Flutter 應用程式時,也可以支援網頁平臺。

談論Dart語言時,不得不提到聲音空安全(Sound null safety)。它用於通過將非空類型和可為空類型區分開來來構建類型系統。這樣一來,開發人員就可以避免空錯誤崩潰的問題。

聲音空安全使得程式碼更加穩定且易於理解,因為它強制了對變數是否為null的明確處理。 舉個例子來說,如果我們聲明一個變數為非空類型,那麼在後續的程式碼中就無法賦值為null。這樣做可以防止可能導致程式崩潰的問題。

而如果我們需要允許該變數接受null值,則可以將其聲明為可為空類型。 透過聲音空安全功能,Dart語言增強了代碼的可靠性和穩定性。它使得開發人員能夠更容易地捕捉到可能產生錯誤的地方,並及時修復問題。

此外,由於Dart語言的靜態類型系統更加強大,因此可以提前發現潛在的錯誤,減少了debugging的時間和成本。 總而言之,聲音空安全是Dart語言中一項重要的功能。它通過區分非空類型和可為空類型來構建類型系統,幫助開發人員避免null錯誤崩潰。

這使得程式碼更加穩定並易於理解,同時提高了代碼的可靠性和可維護性。

在最新的Flutter版本中,Google宣佈了桌面支援在早期釋出標誌期間進入穩定頻道。此外,文字編輯在所支援的平臺上提供了原生體驗。

最新的Flutter版本現在支援開發三種平臺的應用程式,包括Android、iOS和網頁。除此之外,它還支援Linux、macOS和Windows。因此,可以將原始碼委託Folio來建立一個適應性強的應用程式。

隨著Flutter桌上出版進入測試階段,Google釋出了一個新的外掛程式——Mobile Ads SDK。這個外掛程式不僅提供內置橫幅廣告和原生廣告功能,還支援現有的覆蓋式格式,如激勵影片廣告、插頁式廣告和覆蓋式橫幅廣告。這意味著開發者可以更加靈活地在Flutter上展示各種類型的廣告。

現在你已經瞭解了Flutter 1.12、Flutter 2.0和Flutter 1,你就能指出它們之間的一些差異。儘管Flutter 1是首次亮相的UI平臺,提供了良好的計算功能,但Flutter 2則提供了一些高級功能和解決方案,解決了讓開發人員需要大量咖啡因來應對的挑戰。為了理解Flutter 2比Flutter 1更好,在這兩個UI框架之間劃出一條界限至關重要。

Flutter 1在測試版本中提供了網頁支援,因此需要開發者為不同的平臺和瀏覽器建立不同的程式碼。而Flutter 2所提供的網頁支援,在移動端和網頁端都能提供類似的使用體驗。得益於Dart語言的可攜性、Flutter框架的靈活性以及網頁平臺的強大功能,相同的程式碼可以用來開發Android和iOS應用程式。

在開發Flutter應用程式時,開發者常常遭受到應用程式崩潰的困擾,原因是空值錯誤引起的。這降低了應用程式的品質。Google引入了Dart語言的安全空值功能。

因此,系統能夠區分非空和可為空類型,這有助於開發者在早期階段識別錯誤。

Flutter 1並沒有內建的上下文菜單,這導致開發者在處理觸控輸入時需要等待延遲。Google推出了內建上下文菜單的Flutter 2,該菜單提供了文本選擇和旋轉點等基礎功能。除此之外,Flutter的新功能還允許開發者使用高精度指向設備。

在Flutter 1版本中並未支援桌面應用程式。而在最新的Flutter版本中,Google提供了一個桌面應用程式支援的測試版給開發者使用,讓他們可以切換到測試版頻道來存取這項功能。

先前的Flutter版本很難載入廣告。除了將Flutter桌上出版轉為測試版之外,Google還宣佈了適用於Flutter的Google Mobile Ads SDK。使用這個外掛程式,開發者可以使用新格式來啟動應用程式。

在iOS上尋找一個函式庫是很棘手的。因此,開發人員不得不經歷繁瑣的過程來尋找一個函式庫。根據開發人員提交的反饋,Google引入了iOS搜尋欄UI。

Flutter 1並沒有這些小部件。Flutter 2推出了兩個新的小部件ScaffoldMessenger和Autocomplete,這使得它更加易於閱讀,更貼近人類的語氣。

以前,開發人員必須為兩個移動平臺分別編寫代碼。Flutter 2引入了新功能,可以重用Flutter代碼在Android和iOS平臺上使用。

Ionic應用程式以CSS、Javascript和HTML編寫,因其強大的HTML5在本機移動應用程式開發中使用Web技術而廣受歡迎。Ionic框架主要關注視覺吸引力和用戶體驗。自2013年以來,這個開源SDK已成為混合應用程式開發的首選。

它最初是基於Cordova和AngularJS開發的。該框架提供了各種服務和工具,可用於桌面應用程式、漸進式Web應用程式和混合移動應用程式的開發。開發人員發現使用Ionic開發需要更好的市場時間並且易於使用友好的應用程式非常方便。

然而,在2019年1月份,Ionic 4允許用戶從Vue.js、React.js或Angular.js中選擇他們喜歡的框架,這使得一些開發人員感到困惑。 使用Ionic的一個重大挑戰是本地Android應用程式性能下降。這個問題可能看起來不太明顯,但當重型應用程式使用Ionic時,它導致了應用程式變得緩慢。

此外,Ionic框架需要很長時間才能變成實時模式,並且不支援熱重新加載和實時重新加載。Ionic開發人員面臨的另一個問題是應用程式的大小。使用Ionic框架編寫的移動應用程式相對較重,這是由於包含了Native Ionic外掛程式、Capacitor和Cordova等外掛程式。

坦率地說,Ionic框架有許多挑戰,這迫使開發人員重新考慮使用現在更好版本的Flutter進行應用程式開發方法。 儘管轉換規模很大,但不能斷言Ionic框架已經過時。例如,如果開發人員在Angular和Web應用程式以及JavaScript和Angular庫方面具有豐富經驗,那麼Ionic是最佳解決方案。

總之,如果您希望開發反應靈敏的Web應用程式,可以依賴於Ionic框架。

Flutter 2 的發佈是最近才剛發生的。因此,你對於在下一個項目中使用 Flutter 2 可能持懷疑態度。如果這是你的情況,瞭解 Flutter 2 為 Flutter 應用開發帶來的好處就變得至關重要了。

下面是 Flutter 2 的主要優點: 1. 跨平臺開發:Flutter 2 允許你使用單一程式碼庫來開發適用於多個平臺(如 iOS、Android、Web 和桌面)的應用。這意味著你只需要編寫一次程式碼,即可在不同平臺上運行。 2. 快速渲染性能:Flutter 2 使用自己內建的渲染引擎 Skia,在各種設備上實現快速且流暢的渲染效果。

這使得應用具有出色的性能和響應能力,無論是在手機還是桌面上。 3. 熱重載(Hot Reload)功能:Flutter 2 提供了強大而方便的熱重載功能,可以即時查看和調整應用介面及其功能。這大大提高了開發效率,讓你能夠快速反覆運算和測試應用。

4. 豐富的 UI 庫:Flutter 2 擁有豐富且強大的UI元件庫,稱為Widgets。這些Widgets可以幫助開發者快速構建漂亮且高度可定制的用戶介面。無論是基本的按鈕、文字方塊還是複雜的動畫效果,Flutter 2 都提供了全面的解決方案。

5. 強大的社群支持:Flutter 2 的社群非常活躍且具有廣泛的支持。你可以從社群中獲取豐富而有用的資源、示例程式碼和解決方案。這使得學習和使用 Flutter 2 變得更加容易和愉快。

希望這些優點能幫助你理解 Flutter 2 為 Flutter 應用開發帶來的價值所在,並減少對於採用它的疑慮。

拿任何跨平臺框架來說,它都能提供解決方案,讓開發者能在不同平臺間重複使用程式碼庫。然而,在以往並沒有應用程式框架能夠同時實現介面(UI)代碼的重複使用和介面本身的一致性,直到 Flutter 2 出現才改變了這種情況。

當你開發一個Android應用程式時,有時將程式碼送入測試裝置需要很長時間。然而,在Flutter 2中的即時重新載入功能可以讓開發者在不影響目前應用程式狀態的情況下查看最新的更改。這使得開發過程更加流暢,方便開發者快速預覽更新內容。

開發人員常常發現Flutter 2的功能比之前的版本更好。由於Flutter 2與眾多作業系統相容,開發人員可以重複使用程式碼,並節省大量時間在應用程式開發上。

眾所周知,本地應用程式開發的用戶體驗遠遠優於混合應用程式開發。最新版本的Flutter 2提供了更好的庫和外掛程式,以改善甚至混合應用程式的性能。

使用Flutter,開發人員可以探索大量可用的功能,包括Flutter桌面嵌入和Flutter網頁。