top of page
搜尋
  • Sandy

5個用 Flutter 構建的酷炫應用程序



自從Google在 2015 年開發出 Flutter 以來,近年有許多應用程序開發人員都選擇了這種對開發人員友好且開源的框架,作為最好的跨平台解決方案之一。 其無縫技術使他們能夠使用在多個平台上運行的單一代碼庫構建應用程序。






為什麼 Flutter 被高度用於開發應用程序?


使用 Flutter,您可以在開發一個應用程序的同時並探索新功能的,您可以為多個平台交叉編譯(cross-compile)它們。 這種開發方式可以讓應用程序開發人員享受簡單而廣泛的文檔。 此外,Flutter 框架還為您提供了實時(real-time)預覽更改、高性能應用程序、使用較少資源密集型設計以及更多好處的能力。


Flutter 催生了許多 Android 和 iOS 上的現代應用程序,其中包括 Google Pay、NuBank、Hamilton 以及我們之前提到的其他品牌應用程序,例如阿里巴巴的閒魚和 My BMW App。


在使用 Flutter 構建的許多應用程序中,有些應用程序變得比其他應用程序更受歡迎,下面是對金融科技、藝術和音樂中這些獨特應用程序的詳細介紹。


Flutter 作為具有成本效益的應用程序開發平台


Google Pay


“每個人都喜歡 Flutter——當人們談論構建用戶界面有多快時,你可以在他們的表情上看到他們有多麼的激動.”

- David Ko, Engineering Director, Google Pay

Google Pay 讓世界各地的用戶支付、節省、管理費用等。 在好幾十個國家/地區擁有過億的現有用戶,這意味著他們需要一種更可持續的方式,而不是依賴其 Android 和 iOS 應用程序之間的 170 萬行代碼,而同時 Google Pay 需要繼續擴展到新的國家。


可以想像,要進入擁有大量 iOS 用戶的新地區非常具有挑戰性,而現有用戶幾乎完全是 Android 用戶。 這不僅意味著他們將需要更多的 iOS 工程師,還需要加倍的精力來建構在 Android 和 iOS 兩邊的功能。


作為一個跨平台的框架,Flutter 讓他們可以事半功倍。

遷移到 Flutter 將使 Google Pay 能夠快速、資源高效地擴展。 工程師可以將他們的工作從無休止的修補漏洞中轉移出來,並提高客戶開發的速度和效率,從而加快響應和實施時間。


該團隊能夠使用近 300 項功能重寫現有的 Google Pay 應用程序並對其進行 Beta 測試,然後向超過 1 億月活躍用戶推出,與此同時維護著舊版應用程序。


Google Pay 應用程序的新代碼庫比原來的小 35%,它由原來的170 萬行減少至110萬。 正如團隊估計的那樣,即使在添加了幾個新功能之後,管理效率也更高,更新也更容易,他們節省了工程師 60-70% 的時間。 同時,為用戶帶來受喜愛和有新意的用戶介面( UI) 和功能。


Flutter 為團隊在 Google Pay 的全球性的擴張提供了良好的基礎。



Nubank


將 Flutter 作為我們的主要技術大大降低了開發的障礙,新工程師能夠在入職後的數天內就能對於們的應用程序進行開發。”


- Noe Branagan, Engineering Manager, Nubank


Nubank 發展迅速且作為亞洲以外最大的獨立數字銀行,需要在質量和速度之間取得平衡,為用戶提供一種安全、便捷的方式來管理他們的財務生活。為了在目前 4800 萬用戶的基礎上為不斷增長的用戶提供服務,Nubank 努力尋找足夠多的本地移動專家來跟上他們雄心勃勃的步伐。顯然,在一個平台上編寫兩次相同的功能並將其發布到另一個平台實在是太耗時且難以擴展。


顯然地去尋找合適的混合平台(hybrid platform)將是合乎邏輯的下一步。為了找解決方案,讓Nubank的 Flutter 團隊能夠自主工作,構建移動應用程序並在單一架構(single architecture)、編程語言和一組約定上交付價值(set of conventions)。Nubank中最有經驗的開發人員小組開始根據某些重要標準評估解決方案選項:例如長期可行性(long-term viability)、增量抽象成本(incremental abstraction cost)、非線性抽像風險(non-linear abstraction risk)以及是否可以在 iOS 和 Android 上確保一致性。


通過動手測試、與專家的對話、反饋會議、內部可用性測試等方式,團隊為每個候選平台在這些領域中打分。 工作組發現,開發人員喜歡 Flutter。 與其他選項相比,它提供了更好的重載功能(hot reload function)、強大的文檔和更穩定的 API


這次的平台選擇很明確: Flutter 在開發者體驗、文檔、API 穩定性和平台專業化等方面都優於其他平台。 該團隊還喜歡 Flutter 的測試功能,尤其是用於單元(unit)、集成(integration)和端到端測試(end-to-end)的內置測試基礎架構,無需渲染到屏幕。


Flutter 成為 Nubank 移動開發的首選解決方案。 從此,所有新功能都用 Flutter 編寫,遺留的功能隨著時間被遷移新的平台上。



想利用 Flutter 進行開發的好處為您的項目和團隊帶來更多效益嗎? 請隨時與我們的Flutter專家聯繫。



使用Flutter開發應用程序以進行技術創新


使用 Flutter 構建的首批應用程序之一:


Hamilton 《漢密爾頓》



《漢密爾頓》應用程序是使用 Flutter 構建的最知名和屢獲殊榮的百老匯官方音樂劇。任何使用過這個平台的用戶都常常興奮地談論它的用戶友好性。除了讓粉絲更容易接觸到節目外,漢密爾頓還希望通過豐富用戶體驗來擴展品牌。考慮到這一點,開發人員創建了漢密爾頓應用程序,該應用程序包括卡拉 OK 功能,用戶可以跟著他們最喜歡的歌曲一起唱歌,定期參與問答遊戲,通過電子商務體驗購買商品,訪問各種漢密爾頓彩票遊戲,以及觀看獨家視頻和幻燈片。


選擇 Flutter 主要是因為它的現代、反應式 (reactive)UI 工具包允許開發人員和設計人員打造優美的平台獨特體驗。通過對本機可用元素的自定義,無論使用 android studio 還是 Xcode,團隊都能夠重新創建。除此之外,開發過程中使用不太複雜的代碼庫,意味著開發過程可以更高效,同時保持跨平台的一致應用體驗


開發人員可以快速進行更改並通過 UI 進行迭代,而無需停止或重新啟動應用程序。 雖然團隊被給予了非常緊迫的時間來將應用程序改頭換面,但他們仍然能夠快速做出改變。 事實上,該團隊甚至在應用推出前一天將一項全新功能發布,並在應用商店上發行。


使用 Flutter 構建的應用程序可以輕鬆交付高質量的應用程序,這就是漢密爾頓開發團隊所取得的成就。 隨著節目的不斷發展,漢密爾頓將能夠跟上新功能的步伐,這些新功能對於在品牌發展的同時創造更好的體驗至關重要。



Topline - Abbey Road Studios


Abbey Road Studios 的 Topline 是首個由音樂家設計的音樂應用程序。 它可以讓藝術家在靈感瞬間消失之前準確地保存他們的音樂創意。 音樂家可以錄製他們的曲目、添加歌詞、共享文件並將它們輕鬆同步到雲端。


先用設備簡單錄下歌曲的點子,然後再透過電子郵件與他人協作,這個操作過程對於藝術家來說並不是最無縫的體驗。 為了協助創作音樂的過程, Abbey Road Studios 決定去冒險並使用創新技術創建應用程序,但是當時的市面上可用的工具並不多。


由於預算和資源有限,該應用一開始只能針對 iOS平台 開發。 但後來,由於頻密地收到來自各個社交媒體對 Android 應用程序的要求,工作室必須在移動應用程序開發過程中快速而敏捷,以忠於他們對音樂製作民主化的願景。


Flutter 的 快速重載(Hot Reload)功能為 Studio 提供了 iOS 和 Android 開發方面的精益 UX 測試機會。 該工作室每天都從用戶那裡獲得反饋,微調跟踪記錄和按鈕功能等功能。 用戶提供這些功能的速度如此之快,使用 Flutter SDK 可以讓團隊跟上他們的步伐。 開發人員和音樂家可以坐下來一起創作,提供接近工作室級別體驗的應用程序開發過程快了大約 10 倍



Wallace & Gromit AR


Aardman 工作室於 1989 年創造了華萊士和格羅米特的世界,通過定格電影、遊戲漫畫等贏得了全球觀眾。 2020 年,他們決定走得更遠,將故事的漫畫世界與我們的現實世界融合在一起:創造第一個帶有遊戲玩法的交互式跨媒體故事,可以與角色實時進行冒險。


Fictioneers 的團隊開始了提供創新 AR 遊戲體驗的旅程;創建一個創新的應用程序,在智能手機上為用戶提供有意義的內容。所以他們轉向 Flutter ,並與 Unity 的力量相結合,創造出真正獨特的載體。這非常適合他們想要分享的廣泛媒體以及其實時說故事的互動模式。


Flutter 及其插件使團隊能夠快速導航複雜的集成迷宮。


他們的高級軟件工程師 Rex 專門為該項目開發了一個開源 Unity 集成,現在可供開發人員使用。一周後,該團隊就能夠確保他們的 Unity AR 的兼容性,例如 AR 調用、AR Foundation 和其開發所有庫(libraries)。通過 Unity 提供的豐富但較短的 AR 交互,他們能夠使用更少的資源快速驗證並確定在 Flutter 中呈現休閒遊戲和媒體的價值。


Flutter 使維護交互變得更容易:Metchannel API 易於理解,並允許它們在 Flutter 和 Unity 之間進行雙向通信(bidirectional communication )。同時保留了讓應用看起來和感覺都很棒的漂亮和高性能的 Flutter 渲染引擎。借助 Flutter 動畫支持,他們可以通過動畫和用戶界面快速為 Wallace & Gromit 應用程序創建獨特的外觀和感覺。特別是,預先設計的行為(predesigned behavior )使團隊更容易實現目標。然後,他們根據他們的 Wallance & Gromit 風格定制了效果。他們還能夠使用 Adob​​e After Effects、Bodymovin 和 Lottie 實現基於繪圖的動畫。在效率方面真正有幫助的是,僅僅通過線框圖(wireframe)就能夠驗證他們的 UI是否合符開發規範。


多虧了現有的材料組件庫(material component library),他們能夠快速地將構建其應用程序主幹的組件組合在一起。基於組件的架構極大地幫助了對線框應用程序進行迭代以引入自定義的高保真設計組件。


總體而言,Flutter 幫助團隊實現了雄心勃勃的講故事願景




如果您有興趣了解有關如何使用 Unity 和 Flutter 來創建獨一無二的遊戲移動應用程序,請收聽我們與 Maikha Abarca 合作的播客第 21 集


學習資源請訪問:: pub.dev/packages/flutter_unity_widget



以Flutter 作為您開發應用程序的平台


還有許多使用 Flutter 構建的應用程序在提供其覆蓋領域的服務方面都表現十分出色:Birch Finance、Sua Musica、騰訊、Weight Tracker、SpaceX Go 等等。


雖然 Flutter 還是比較新的,但是框架上已經有很多應用展示了它的兼容性。 隨著 Flutter 社區的快速發展,由於框架允許的創造力,使用 Flutter 構建的應用程序正在變得越來越強大。


在 5 年內,Plangora 已經幫助 50 多家公司將他們的概念轉化為實際產品。 我們的客戶領域包括金融科技、移動應用、初創公司、人工智能、創意產品等。我們幫助構建了優秀的社交應用、服務預訂應用、生產力測量應用、公用事業應用以及健康和健身應用。 儘管該技術的存在時間相對較短,但我們正在憑藉其有效性和效率取得很多成就。



如果您想知道更多關於使用 Flutter 應用程序開發的機會和好處,歡迎聯繫我們的 Flutter 專家進行免費諮詢



66 次查看0 則留言
bottom of page