Flutter 是移動應用程序開發的未來?


本文原文:https://www.freecodecamp.org/news/why-i-think-flutter-is-the-future-of-mobile-app-development-768332b73c0d/,本文為 CSDN 翻譯,轉載請注明來源出處。作者|Eric Grandt 譯者|王艷妮,責編|屠敏 出品|CSDN(ID:CSDNnews)

隨着系統以及應用復雜性的日益增高,「write once,run anywhere」開始成為越來越多開發工具的終極目標。

基於此,Google 於 2017 年的 I/O 大會上隆重推出了移動 UI 框架 Flutter,可以讓開發者在 iOS 和 Android 系統上快速構建高質量的原生用戶界面。與此同時,蘋果也於2019年 WWDC 為開發者們帶來了一套可橫跨蘋果幾大操作系統的 UI 框架 SwiftUI。

那么在此趨勢下,類似 Flutter 的這種工具真的是新一代移動開發的未來嗎?

幾年前,我在Android和iOS開發中略有涉足,使用的是Java和Objective-C。在花了大約一個月的時間學習后,我決定不再深入學習了。我就是無法找到那種深入其中的狀態。

但最近,我了解了Flutter,並決定在移動應用程序開發方向上再試上一試。我當即就愛上了它,因為它使開發多平台應用程序變得賊有趣。自從了解它以來,我已經使用它創建了一個app和一個庫。Flutter似乎是一個非常有前景的一步,下面我想解釋一下我之所以相信這一點的幾方面的原因。

1 由Dart提供技術支持

Flutter使用的是由谷歌開發的Dart語言。如果你之前使用過Java,那么會比較熟悉Dart的語法,因為它們非常相似。但除了語法之外,Dart跟Java就很不同了。

我不打算深入討論Dart,以免跑題,但我想討論一下我認為它最有用的功能。這個功能就是異步操作。Dart不僅支持異步操作,而且還使其變得非常容易。

如果你正在進行IO或其他耗時的操作(例如查詢數據庫),那么你有可能在所有Flutter應用程序中使用異步操作。如果沒有異步操作,任何耗時的操作都會導致程序凍結直到此操作完成。為了防止這種情況,Dart為我們提供了async和await關鍵字,以允許我們的程序在等待這些較長操作完成的過程中繼續往下執行。

讓我們看看幾個例子:一個有異步操作,一個沒有。

並分別查看輸出:

這不太理想。沒人會想用在執行長時間操作時會卡住的App。所以讓我們稍微修改一下並使用async和await關鍵字。

並再次輸出:

有了異步操作,我們在執行需要比較久才能完成的代碼的同時,其余代碼的執行也不會被妨礙。

2 只寫一次代碼,就能同時在Android和iOS上運行

考慮到需要為Android和iOS使用不同的代碼庫,開發移動應用程序可能需要花費大量時間。除非您使用像Flutter這樣的SDK,這樣您就將擁有一個能適配兩個操作系統的代碼庫。不僅如此,你還可以完全原生地運行它們。這意味着諸如瀏覽頁面和導航之類的東西,完美配合不同的操作系統。

一言以蔽之,只要您有個設備或模擬器在運行着,Flutter就可以使構建和運行您的應用程序來進行測試的過程簡單到動動手指就能完成。

3 UI開發

UI開發幾乎是我最不期待的事情之一。我更像是一個后端開發人員,所以當涉及到嚴重依賴它的東西時,我只想要一些簡單的東西。這就是Flutter在我眼中閃耀的地方。

UI通過將不同的小部件組合在一起並修改它們以適合你的App外觀來創建。你幾乎可以完全控制這些小部件的顯示方式,因此你最終總是會得償所願。為了布局UI,可以使用諸如Row,Column和Container之類的小部件。對於內容,有諸如Text和RaisedButton之類。這只是Flutter提供的小部件中的幾個,除這些之外還有很多。使用這些小部件,我們可以構建一個非常簡單的UI:

Flutter像一個擁有各種各樣道具的魔術師,使你能輕而易舉地構建App的主題。你可以通過手動更改字體,顏色,並逐個設置所有內容,但這需要太長時間了。相反,Flutter為我們提供了一個名為ThemeData的東西,它允許我們為顏色,字體,輸入字段等等設值。此功能在保持應用外觀的一致性方面很出色。

使用此ThemeData,我們設置應用程序顏色,字體系列和一些文本樣式。除文本樣式之外的所有內容都將自動應用於整個app范圍。每個小部件的文本樣式必須手動地一個一個設置,但這仍然很簡單:

為了進一步提高效率,Flutter可以熱重新加載應用程序,因此您無需在每次更改UI時重新打開它。您現在可以進行更改,保存,然后在大概一秒內就能看到更改后的效果。

4 庫

Flutter提供了許多開箱即用的強大功能,但有時你需要更多功能。考慮到Dart和Flutter的大量可用的庫,這根本不是問題。是否有興趣在你的應用中投放廣告?有這方面的庫。想要新的小部件嗎?有這方面的庫。

如果你更喜歡自己動手DIY,可以創建自己的庫並馬上就能與社區其他人分享。向項目添加庫很簡單,可以通過向pubspec.yaml文件添加一行代碼來完成。例如,如果要添加sqflite庫:

將它添加到文件后,運行flutter packages get,這樣就好了。各種各樣的庫使開發Flutter應用程序變得輕而易舉,並為開發過程節省了大量時間。

5 后端開發

現在大多數App都依賴於某種數據,所有這些數據需要存儲在某個地方,以便以后可以顯示和使用。因此,在尋找使用新SDK(例如Flutter)創建應用時,牢記這一點非常重要。

再重復一次,Flutter App是使用Dart制作的,而Dart在后端開發方面非常出色。我在本文中談到了很多簡單易行的功能,Dart和Flutter的后端開發也不例外。不管是對於初學者還是專家,創建數據驅動的App都非常簡單,但這種簡單性並不等同於質量底下。

可以使用庫,以便你使用所選擇的數據庫。使用sqflite庫,我們可以非常快速地啟動並運行SQLite數據庫。感謝單件模式,我們可以訪問數據庫並從幾乎任何地方都可以進行查詢,而無需每次都重新創建一個對象。

從數據庫中檢索數據后,可以使用一個模型將其轉換為對象。或者,如果要將對象存儲在數據庫中,可以使用相同的模型將其轉換為JSON。

如果沒有將其顯示給用戶的方法,這些數據就不是那么有用了。這就是Flutter帶着諸如FutureBuilder或StreamBuilder這樣的小部件登場的時候了。如果您對使用Flutter,SQLite和其他技術來創建數據驅動型App有興趣做更深一步的了解,我建議你查看我寫的這方面的文章:

6 最后的一些思考

有了Flutter,就有了幾乎無窮無盡的可能性,因此即使是體量巨大的App也可以輕松地被創建出來。如果你是做移動App開發的並且尚未嘗試過Flutter,我強烈建議你試一下,因為我相信你也會愛上它的。使用Flutter幾個月之后,我認為可以說這是移動開發的未來。如果不能算未來的話,這也絕對是朝着正確方向邁出去的一步。

逆鋒起筆是一個專注於程序員圈子的技術平台,你可以收獲最新技術動態最新內測資格BAT等大廠的經驗精品學習資料職業路線副業思維,微信搜索逆鋒起筆關注!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM