Flutter 2 來了:專為 Web、移動與臺式機環(huán)境構(gòu)建

Flutter 2 來了:專為 Web大审、移動與臺式機環(huán)境構(gòu)建

下一代 Flutter 專為 Web蘸际、移動與臺式機環(huán)境構(gòu)建而成。

今天徒扶,我們宣布 Flutter 2 正式亮相粮彤!作為 Flutter 的一次重大版本升級,F(xiàn)lutter 2 將幫助開發(fā)人員立足任意平臺創(chuàng)建起美觀姜骡、快速且能夠輕松移植的應(yīng)用程序导坟。在 Flutter2 的支持下,您可以使用相同的代碼庫將原生應(yīng)用程序發(fā)布至 iOS圈澈、Android惫周、Windows、macOS 以及 Linux 五大系統(tǒng)陣營之上康栈。此外递递,F(xiàn)lutter 2 還能夠完美契合 Chrome、Firefox啥么、Safari 以及 Edge 等網(wǎng)絡(luò)瀏覽器登舞,甚至可以被嵌入至汽車、電視與智能家居當(dāng)中悬荣,借此帶來最普遍菠秒、最具便攜性的計算體驗。

我們的目標(biāo)氯迂,是從根本上改變開發(fā)人員的應(yīng)用程序構(gòu)建思路践叠。不同于以往對于特定平臺的依賴,如今開發(fā)人員們可以將希望創(chuàng)造的體驗本身作為出發(fā)點囚戚。Flutter 幫助您將品牌與設(shè)計訴求充分納入應(yīng)用體驗當(dāng)中酵熙。Flutter 的運行速度極快轧简,能夠?qū)⒃创a編譯為機器碼驰坊;我們還支持有狀態(tài)熱重載,確保您在解釋環(huán)境中獲得良好生產(chǎn)力哮独,并在應(yīng)用程序運行時做出變更并立即查看結(jié)果拳芙。Flutter 是一套開放式核心框架察藐,而且已經(jīng)有成千上萬貢獻者通過軟件包生態(tài)系統(tǒng)做出擴展貢獻。

image

在今天發(fā)布的 Flutter 2 當(dāng)中舟扎,我們將 Flutter 由移動框架擴展為一套可移植框架分飞,努力確保您的應(yīng)用程序能夠在幾乎無需任何調(diào)整的前提下輕松運行在不同平臺之上。目前睹限,單在 Play Store 軟件商店中就存在超過 15 萬個 Flutter 應(yīng)用譬猫,且每款應(yīng)用都可以獲得 Flutter 2 提供的免費升級,由此在無需重寫的情況下直接運行在目標(biāo)臺式機及 Web 環(huán)境當(dāng)中羡疗。

目前染服,世界各地的客戶都在積極使用 Flutter,包括微信叨恨、Grab柳刮、Yandex Go、Nubank痒钝、Sonos秉颗、Fastic、Betterment 以及 realtor.com 等高人氣應(yīng)用送矩。在谷歌蚕甥,同樣有 1000 多名工程師正在使用 Dart 與 Flutter 構(gòu)建應(yīng)用產(chǎn)品,其中的代表包括 Stadia益愈、Google One 以及 Google Nest Hub梢灭。

image

就在幾個月前砌烁,Google Pay 剛剛轉(zhuǎn)投 Flutter 的懷抱橙喘,借此在生產(chǎn)力與質(zhì)量方面取得了重大進步傀广。通過統(tǒng)一代碼庫杖刷,項目團隊消除了不同平臺之間的功能差異薄声,并削減了超過 100 萬行代碼婉称。Google Pay 還報告稱坟冲,如今團隊工程師們的效率大為提升舞箍、技術(shù)債務(wù)顯著減少靠汁,發(fā)布流程也變得更為統(tǒng)一(例如 iOS 與 Android 上的安全審查與試驗)蜂大。

Flutter 為 Web 應(yīng)用添助力

Flutter 2 當(dāng)中最具份量的升級,當(dāng)數(shù)對 Web 的生產(chǎn)質(zhì)量支持能力蝶怔。

Web 在早期發(fā)展階段主要以文檔為中心奶浦。時至今日,Web 平臺已經(jīng)相當(dāng)豐富并提供大量平臺 API踢星,可提供硬件加速下的 2D 與 3D 圖形處理能力澳叉、靈活的布局與繪圖 API,共同構(gòu)建起高度復(fù)雜的應(yīng)用程序。Flutter 的 Web 支持充分吸納了上述創(chuàng)新優(yōu)勢成洗,提供一套以應(yīng)用程序為中心的框架體系五督,能夠發(fā)揮現(xiàn)代 Web 提供的一切功能。

新版本主要關(guān)注以下三大應(yīng)用場景:

  • 漸進式 Web 應(yīng)用(PWA)瓶殃,將 Web 的廣泛覆蓋范圍與桌面應(yīng)用程序的功能優(yōu)勢結(jié)合起來充包。

  • 單頁應(yīng)用程序(SPA),一次加載并與互聯(lián)網(wǎng)服務(wù)之間持續(xù)傳輸數(shù)據(jù)遥椿。

  • 將現(xiàn)有 Flutter 移動應(yīng)用引入 Web 環(huán)境基矮,實現(xiàn)兩種體驗間的代碼共享。

過去幾個月以來冠场,我們一直努力實現(xiàn)穩(wěn)定的 Web 支持能力愈捅,并在性能優(yōu)化方面取得了大量進展。除了添加一套由 WebAssembly 構(gòu)建的全新 CanvasKit 驅(qū)動型渲染引擎之外慈鸠,我們還公布了 Flutter Plasma——由社區(qū)成員 FelixBlaschke 構(gòu)建的演示方案蓝谨,用以展示如何通過 Dart 與 Flutter 困難構(gòu)建起復(fù)雜的 Web 圖形體驗。現(xiàn)在青团,這些體驗已經(jīng)能夠在臺式機與移動設(shè)備上原生運行譬巫。

我們一直在擴展 Flutter 以構(gòu)建起行業(yè)最佳的 Web 平臺。最近幾個月督笆,我們引入了文本自動填充功能芦昔,對地址欄 URL 及路由的控制機制以及 PWA 清單功能。為了將臺式機瀏覽器與手機瀏覽器統(tǒng)一起來娃肿,我們又添加了交互式滾動條與鍵盤快捷鍵咕缎、增加了臺式機模式下的默認內(nèi)容顯示密度,同時增強了屏幕閱讀器對于 Windows料扰、MacOS 以及 Chrome OS 輔助功能的支持能力凭豪。

我們已經(jīng)發(fā)布 Flutter 構(gòu)建的部分 Web 應(yīng)用程序示例。在教育類用戶中晒杈,iRobot 公司以其高人氣 Root 教育機器人而聞名嫂伞。Flutter 對于 Web 的生產(chǎn)級支持幫助 iRobot 將現(xiàn)有教育編程環(huán)境輕松遷移至 Web,相關(guān)功能也借此順利登陸 Chromebook 及其他網(wǎng)絡(luò)瀏覽器拯钻。關(guān)于相關(guān)進展以及選擇 Flutter 的原因帖努,請參閱 iRobot 發(fā)布的 說明博文

image

另以 Rive 為例粪般,這是一款專門面向設(shè)計師群體的強大工具拼余,能夠在任意平臺上創(chuàng)建出自定義動畫。其更新 Web 應(yīng)用程序現(xiàn)已提供 Beta 測試版亩歹,完全由 Flutter 構(gòu)建而成匙监,充分展示了 Flutter 新版本提供的全面服務(wù)寡润。

image

Flutter 2 登陸臺式機、折疊式設(shè)備與嵌入式設(shè)備

除了傳統(tǒng)移動設(shè)備與 Web 平臺之外舅柜,F(xiàn)lutter 也開始為其他設(shè)備類型提供支持。在本文中躲惰,我們將以三位合作伙伴為例致份,聊聊 Flutter 的強大可移植性表現(xiàn)。

首先是 Canonical础拨,我們雙方合作將 Flutter 引入桌面環(huán)境氮块,借此 Canonical 工程師們貢獻的代碼支持 Flutter 在 Linux 上的開發(fā)與部署。Ubuntu 團隊展示了由 Flutter 重寫的全新安裝程序的早期演示效果诡宗。對 Canonical 而言滔蝉,最重要的就是如何在各類硬件配置之上提供穩(wěn)定且令人愉悅的使用體驗。展望未來塔沃,F(xiàn)lutter 將成為 Canonical 構(gòu)建后續(xù)桌面與移動應(yīng)用程序時的默認選項蝠引。

image

接下來是微軟,軟件巨頭同樣在不斷擴大對 Flutter 的支持蛀柴。除了在 Flutter 當(dāng)中建立更完善的 Windows 支持能力之外螃概,微軟此次同樣宣布將對 Flutter 引擎提供全面支持,借此支持更多新型折疊式 Android 設(shè)備鸽疾。這類設(shè)備將引入新的設(shè)計模式吊洼,相關(guān)應(yīng)用能夠擴展顯示內(nèi)容或利用雙屏特性提供并行體驗。結(jié)合 Surface 工程團隊的博文制肮,他們展示了自己的工作成果并邀請更多參與成員冒窍,希望借 Flutter 之力提升 Surface Duo 及其他同類設(shè)備的體驗質(zhì)量。

image

最后豺鼻,全球汽車巨頭豐田公司也宣布了相關(guān)計劃综液,著手構(gòu)建由 Flutter 提供支持的車載信息娛樂系統(tǒng),希望借此將最佳數(shù)字體驗引入汽車產(chǎn)品儒飒。使用 Flutter 代表著車載軟件的開發(fā)方式將出現(xiàn)重大變化意乓。之所以選擇 Flutter,是因為豐田看中了其出色的性能與一致性使用體驗约素、快速迭代届良、易于掌握的人機工程學(xué)設(shè)計以及與智能手機相匹配的良好觸控機制。通過使用 Flutter 的嵌入器 API圣猎,豐田得以針對車載系統(tǒng)的獨特需求對 Flutter 做出量身定制士葫。

image

我們很高興能夠與豐田及其他廠商積極合作,將 Flutter 應(yīng)用于汽車送悔、電視及其他嵌入式設(shè)備慢显。未來幾個月內(nèi)爪模,我們也將繼續(xù)分享更多實際用例。

不斷發(fā)展的 Flutter 生態(tài)系統(tǒng)

目前荚藻,F(xiàn)lutter 與 Dart 已經(jīng)擁有超過 15000 種軟件包屋灌,分別來自 Amazon、微軟应狱、Adobe共郭、阿里巴巴、eBay 以及 Square 等疾呻。除 Lottie除嘹、Sentry 以及 SVG 等關(guān)鍵軟件包之外,sign_in_with_apple岸蜗、google_fonts尉咕、geolocator 以及 sqflite 等 Flutter Favorite 首選軟件包同樣值得關(guān)注。

現(xiàn)在璃岳,我們宣布正式推出 Google Mobile Ads for Flutter 的 Beta 版本年缎。這是一種能夠與 AdMob 與 AdManager 配合使用的全新 SDK,可提供包括橫幅廣告铃慷、插頁廣告晦款、原生廣告與獎勵視頻廣告在內(nèi)的多種廣告格式。此前枚冗,我們一直在與多位主要客戶共同試用此 SDK缓溅,例如南美洲最大的獨立藝術(shù)家音樂平臺 SuaMúsica 等。如今赁温,我們決定開放 Google Mobile Ads for Flutter SDK 以供行業(yè)廣泛使用坛怪。

image

我們還將對 Flutter 插件做出更新,包括多項核心 Firebase 服務(wù):Authentication, CloudFirestore, Cloud Functions, Cloud Messaging, Cloud Storage 以及 Crashlytics股囊,外加 sound null safety 支持以及對 Cloud Messaging 軟件包的全面更新袜匿。

Dart: Flutter 背后的獨門絕技

如前文所述,F(xiàn)lutter 2 擁有靈活的多平臺與多設(shè)備可移植能力稚疹。而這種輕松過渡至 Web居灯、桌面與嵌入式設(shè)備的優(yōu)勢,在很大程度上要歸功于 Dart——針對多平臺開發(fā)并進行優(yōu)化的谷歌編程語言内狗。

在構(gòu)建應(yīng)用方面怪嫌,Dart 提供一套獨特的功能組合:

  • 穩(wěn)健的可移植表現(xiàn),其編譯器能夠面向移動與臺式機設(shè)備生成高性能的英特爾與 ARM 機器碼柳沙,并為 Web 環(huán)境提供經(jīng)過嚴(yán)格優(yōu)化的 JavaScript 輸出岩灭。所有目標(biāo)皆可使用相同的 Flutter 框架源代碼。

  • 支持有狀態(tài)熱重載的迭代開發(fā)赂鲤,充分支持桌面與移動設(shè)備噪径,同時提供現(xiàn)代 UI 編程中的異步柱恤、并發(fā)模式設(shè)計提供相應(yīng)的語言構(gòu)造。

  • 谷歌級性能水平找爱,可跨越一切平臺實現(xiàn)良好性能表現(xiàn)梗顺,提供 sound null safety 以保證運行時與開發(fā)過程中的 null 約束能力。

從目前來看车摄,還沒有哪種語言能夠像 Dart 這樣將所有功能優(yōu)勢融合起來寺谤。也正因為如此,Dart 成為 GitHub 上發(fā)展速度最快的語言之一练般。

Dart 2.12 現(xiàn)已正式發(fā)布,也是自 2.0 版本之后我們推出的最大規(guī)模發(fā)行版锈候,可充分支持 sound null safety薄料。Sound null safety 有望消除 null 引用引發(fā)的異常,為開發(fā)及運行時提供良好保障泵琳,允許開發(fā)人員明確指定哪些類型中可以包含 null 值摄职。最重要的是,這項功能并非空降落地:您可以按自己熟悉的方式將其逐步添加至代碼內(nèi)获列,而后配合遷移工具實現(xiàn) null 值保護谷市。

此次更新還包含 FFI 穩(wěn)定實現(xiàn),允許您編寫出能夠與基于 C 語言的 API 進行互操作的高性能代碼击孩;由 Flutter 編寫的全新集成化開發(fā)者與分析器工具迫悠;外加眾多性能與體量方面的改進,能夠在無需重新編譯的前提下進一步實現(xiàn)代碼升級巩梢。關(guān)于更多詳細信息创泄,請參閱 Dart 2.12 發(fā)布的公告博文

Flutter 2:現(xiàn)已發(fā)布

關(guān)于 Flutter 2 還有很多新鮮內(nèi)容可講,但受到本文篇幅所限括蝠,我們無法一一盡述鞠抑。實際上,全部 pull 請求記錄與說明構(gòu)成的文檔長達 200 頁忌警!感興趣的朋友請訪問 Flutter 2 獨立技術(shù)博客搁拙,在這里了解關(guān)于新功能與性能改進的更多信息

image

我們還與加拿大屢獲殊榮的設(shè)計團隊 gskinner 合作開發(fā)出新的展示成果——Flutter Folio法绵。Folio 是一款剪貼板應(yīng)用程序箕速,適用于一切設(shè)備平臺。其小屏幕體驗專為內(nèi)容捕捉所設(shè)計朋譬;大屏幕支持允許您立足臺式機與平板電腦以大家熟悉的方式完成編輯操作弧满;Web 體驗則專門針對共享操作開發(fā)而成。這一切量身定制體驗都將共享同一套開源代碼庫此熬,您可以隨時查看并參與貢獻庭呜。

image

如果您還沒有體驗過 Flutter滑进,請千萬不要錯過它將給您應(yīng)用程序開發(fā)體驗帶來的重大提升。在 Flutter 中募谎,我們還提供一套開源工具包扶关,可通過單一代碼庫構(gòu)建起面向移動、桌面数冬、Web 以及嵌入式設(shè)備的出色應(yīng)用程序节槐,將谷歌級別的質(zhì)量水準(zhǔn)引入您的實際需求場景當(dāng)中。

Flutter 為自由開源項目拐纱,我們期待有更多朋友使用 Flutter 2 構(gòu)建起精美絕倫的開發(fā)成果铜异!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末秸架,一起剝皮案震驚了整個濱河市揍庄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌东抹,老刑警劉巖蚂子,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異缭黔,居然都是意外死亡食茎,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門馏谨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來别渔,“玉大人,你說我怎么就攤上這事惧互∧坪” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵壹哺,是天一觀的道長抄伍。 經(jīng)常有香客問我,道長管宵,這世上最難降的妖魔是什么截珍? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮箩朴,結(jié)果婚禮上岗喉,老公的妹妹穿的比我還像新娘。我一直安慰自己炸庞,他們只是感情好钱床,可當(dāng)我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著埠居,像睡著了一般查牌。 火紅的嫁衣襯著肌膚如雪事期。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天纸颜,我揣著相機與錄音兽泣,去河邊找鬼。 笑死胁孙,一個胖子當(dāng)著我的面吹牛唠倦,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播涮较,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼稠鼻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了狂票?” 一聲冷哼從身側(cè)響起候齿,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎苫亦,沒想到半個月后毛肋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體怨咪,經(jīng)...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡屋剑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了诗眨。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唉匾。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖匠楚,靈堂內(nèi)的尸體忽然破棺而出巍膘,到底是詐尸還是另有隱情,我是刑警寧澤芋簿,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布峡懈,位于F島的核電站,受9級特大地震影響与斤,放射性物質(zhì)發(fā)生泄漏肪康。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一撩穿、第九天 我趴在偏房一處隱蔽的房頂上張望磷支。 院中可真熱鬧,春花似錦食寡、人聲如沸雾狈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽善榛。三九已至辩蛋,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間锭弊,已是汗流浹背堪澎。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留味滞,地道東北人樱蛤。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像剑鞍,于是被迫代替她去往敵國和親昨凡。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內(nèi)容