本文首發(fā)在公眾號(hào)Flutter那些事，未經(jīng)允許，嚴(yán)禁轉(zhuǎn)載。

前言
Flutter1.0穩(wěn)定版昨晚的終于發(fā)布了。我們?yōu)榇烁械礁吲d。對(duì)于開(kāi)發(fā)者來(lái)說(shuō)，有了穩(wěn)定版相當(dāng)于一個(gè)定心丸。本文主要介紹Fllutter1.0的一些功能和相關(guān)工具。

---

系列博文鏈接：

• Flutter基礎(chǔ)篇（1）-- 跨平臺(tái)開(kāi)發(fā)框架和工具集錦
• Flutter基礎(chǔ)篇（2）-- 老司機(jī)用一篇博客帶你快速熟悉Dart語(yǔ)法
• Flutter基礎(chǔ)篇（3）-- 老司機(jī)用一篇博客帶你快速熟悉Dart語(yǔ)法
• Flutter基礎(chǔ)篇（4）-- Flutter填坑全面總結(jié)
• Flutter基礎(chǔ)篇（5）-- Flutter代碼模板，解放雙手，提高開(kāi)發(fā)效率必備
• Flutter基礎(chǔ)篇（6）-- 水平和垂直布局詳解

• Flutter進(jìn)階篇（1）-- 手把手帶你快速上手調(diào)試Flutter項(xiàng)目
• Flutter進(jìn)階篇（2）-- Flutter路由詳解
• Flutter進(jìn)階篇（3）-- Flutter 的手勢(shì)（GestureDetector）分析詳解
• Flutter進(jìn)階篇（4）-- Flutter的Future異步詳解

---

北京時(shí)間今天凌晨11點(diǎn)45分，在Flutter Live，谷歌Flutter團(tuán)隊(duì)宣布推出Flutter 1.0，這是谷歌UI工具包的第一個(gè)穩(wěn)定版本，用于從單個(gè)代碼庫(kù)為iOS和Android創(chuàng)建美妙的原生體驗(yàn)。

今天的跨平臺(tái)移動(dòng)開(kāi)發(fā)充滿了妥協(xié)。開(kāi)發(fā)人員不得不在為多個(gè)操作系統(tǒng)多次構(gòu)建相同的應(yīng)用程序之間做出選擇，或者接受最低的公分母解決方案，以便在本機(jī)速度和準(zhǔn)確性方面實(shí)現(xiàn)可移植性。通過(guò)Flutter，我們相信我們擁有一個(gè)解決方案，可以為您提供兩全其美的優(yōu)勢(shì)：硬件加速圖形和UI，由本機(jī)ARM代碼驅(qū)動(dòng)，針對(duì)流行的移動(dòng)操作系統(tǒng)。

1、關(guān)于Flutter

Flutter不會(huì)取代傳統(tǒng)的Apple和Android應(yīng)用程序模型來(lái)構(gòu)建移動(dòng)應(yīng)用程序; 相反，它是一個(gè)應(yīng)用引擎，您可以嵌入到現(xiàn)有的應(yīng)用程序或用于一個(gè)全新的應(yīng)用程序。

我們從四個(gè)維度考慮Flutter的特征：

1、Flutter可以使你構(gòu)建漂亮的應(yīng)用程序

谷歌希望設(shè)計(jì)師能夠提供他們的全部創(chuàng)意愿景，而不會(huì)因?yàn)榈讓涌蚣艿南拗贫黄冉档统杀尽lutter可讓您控制屏幕上的每個(gè)像素，其強(qiáng)大的合成功能可讓您無(wú)限制地疊加和動(dòng)畫(huà)圖形，視頻，文本和控件。Flutter包含一整套小部件，可在iOS和Android上提供完美的像素體驗(yàn)。它可以最終實(shí)現(xiàn)Material Design，這是Google的數(shù)字體驗(yàn)開(kāi)放式設(shè)計(jì)系統(tǒng)。

2、Flutter很快。

它由支持Chrome和Android的硬件加速的Skia 2D圖形引擎提供支持。谷歌設(shè)計(jì)了Flutter，能夠以您設(shè)備的原生速度支持無(wú)毛刺，無(wú)抖動(dòng)的圖形。Flutter代碼由世界級(jí)的Dart平臺(tái)提供支持，該平臺(tái)可以為iOS和Android編譯為本機(jī)32位和64位ARM代碼。

3、Flutter很有效率

Flutter引入了stateful hot reload（狀態(tài)熱重載），這是一種革命性的新功能，可供移動(dòng)開(kāi)發(fā)人員和設(shè)計(jì)人員實(shí)時(shí)迭代他們的應(yīng)用程序。通過(guò)有狀態(tài)熱重新加載，您可以更改應(yīng)用程序的代碼并立即查看結(jié)果，而無(wú)需重新啟動(dòng)應(yīng)用程序或丟失其狀態(tài)。有狀態(tài)的熱重新加載改變了開(kāi)發(fā)人員構(gòu)建應(yīng)用程序的方式 - 在用戶調(diào)查中，開(kāi)發(fā)人員說(shuō)它使開(kāi)發(fā)周期的效率提高了三倍。

4、Flutter是開(kāi)源的。

Flutter是一個(gè)開(kāi)源項(xiàng)目，擁有BSD風(fēng)格的許可證，包括來(lái)自世界各地的數(shù)百名開(kāi)發(fā)人員的貢獻(xiàn)。此外，還有一個(gè)充滿活力的數(shù)千個(gè)插件生態(tài)系統(tǒng)。因?yàn)槊總€(gè)Flutter應(yīng)用程序都是使用標(biāo)準(zhǔn)Android和iOS構(gòu)建工具的本機(jī)應(yīng)用程序，所以您可以從底層操作系統(tǒng)訪問(wèn)所有內(nèi)容，包括Android上用Kotlin或Java編寫(xiě)代碼和UI，以及iOS上的Swift或Objective-C。

將它們放在一起，將它與Visual Studio Code，Android Studio，IntelliJ IDEA 或您選擇的程序員編輯器的一流工具相結(jié)合，您就擁有了Flutter —— 一個(gè)從單獨(dú)代碼庫(kù)為Android或ios構(gòu)建良好本地體驗(yàn)的開(kāi)發(fā)環(huán)境。

2、增長(zhǎng)和勢(shì)頭

谷歌在十個(gè)月前宣布了Flutter在移動(dòng)世界大會(huì)上的第一個(gè)測(cè)試版，我們很高興看到它被更廣泛的社區(qū)采用的速度有多快，正如已經(jīng)發(fā)布到Apple和Apple的數(shù)千個(gè)Flutter應(yīng)用程序所證明的那樣。甚至在1.0發(fā)布之前，Google Play就存儲(chǔ)了。很明顯，開(kāi)發(fā)人員已準(zhǔn)備好采用新的UI開(kāi)發(fā)方法。

在Flutter團(tuán)隊(duì)內(nèi)部，F(xiàn)lutter正在Google上用于各種各樣的產(chǎn)品，谷歌廣告已經(jīng)為他們的iOS和Android應(yīng)用程序切換到Flutter。甚至在1.0之前，包括Abbey Road Studios，阿里巴巴，Capital One，Groupon，Hamilton，京東，飛利浦Hue，Reflectly和騰訊 在內(nèi)的廣泛全球客戶正在使用Flutter開(kāi)發(fā)或發(fā)布應(yīng)用程序。

來(lái)自Capital One團(tuán)隊(duì)的高級(jí)工程總監(jiān)邁克爾·瓊斯（Michael Jones）說(shuō)，他們對(duì)Flutter的經(jīng)歷如下：

“我們對(duì)Flutter對(duì)高性能跨平臺(tái)開(kāi)發(fā)的獨(dú)特見(jiàn)解感到興奮。我們的工程師對(duì)快速開(kāi)發(fā)承諾和熱重載功能表示贊賞，在過(guò)去的一年中，我們看到了框架，特別是本機(jī)集成的巨大進(jìn)步。

“Flutter可以讓Capital One想象不是'iOS或Android-first'時(shí)尚的功能，而是真正的移動(dòng)優(yōu)先模式。我們很高興看到Flutter 1.0并繼續(xù)對(duì)進(jìn)步的速度和工程界的興奮。“

在今天凌晨的Flutter Live活動(dòng)中，受歡迎的支付服務(wù)廣場(chǎng)宣布推出兩款新的Flutter SDK，可以輕松接受Flutter的商品和服務(wù)付款，無(wú)論是使用Square支付閱讀器還是在移動(dòng)應(yīng)用程序內(nèi)付款。Square展示了使用來(lái)自Collins Family Orchards的應(yīng)用程序支付SDK的示例，這是一個(gè)在太平洋西北地區(qū)農(nóng)貿(mào)市場(chǎng)種植和銷售水果的家庭農(nóng)場(chǎng)。

Collins Family Orchards應(yīng)用程序的開(kāi)發(fā)人員Dean Papastrat對(duì)此有所了解：

“我被生產(chǎn)構(gòu)建中的所有動(dòng)畫(huà)和轉(zhuǎn)換的速度所迷惑。作為一名Web開(kāi)發(fā)人員，過(guò)渡到Flutter非常容易，我無(wú)法相信我能夠構(gòu)建一個(gè)完全正常運(yùn)行的應(yīng)用程序可以在一周內(nèi)付款?！?/p>

同樣在Flutter Live，2Dimensions宣布即將推出Flare，這是一款非凡的新工具，可供設(shè)計(jì)師創(chuàng)建矢量動(dòng)畫(huà)，可直接嵌入到Flutter應(yīng)用程序中并使用代碼進(jìn)行操作。Flare消除了在一個(gè)應(yīng)用程序中設(shè)計(jì)，在另一個(gè)應(yīng)用程序中設(shè)置動(dòng)畫(huà)，然后將所有這些轉(zhuǎn)換為特定于設(shè)備的資產(chǎn)和代碼的需要。

使用Flare構(gòu)建的動(dòng)畫(huà)可以作為窗口小部件嵌入到現(xiàn)有的Flutter應(yīng)用程序中，允許它們參與完整的合成器并與其他文本，圖形圖層甚至UI小部件重疊。以這種方式集成可以將動(dòng)畫(huà)從其他體系結(jié)構(gòu)的“黑盒子”限制中解放出來(lái)，并允許設(shè)計(jì)人員和開(kāi)發(fā)人員之間的持續(xù)協(xié)作直到應(yīng)用程序完成。Flutter和Flare之間的這種緊密集成為想要?jiǎng)?chuàng)造高度完美的移動(dòng)體驗(yàn)的數(shù)字設(shè)計(jì)師和動(dòng)畫(huà)師提供了獨(dú)特的引人注目的產(chǎn)品。

另一個(gè)打賭Flutter的合作伙伴是Nevercode，這是一家快速增長(zhǎng)的移動(dòng)應(yīng)用程序持續(xù)集成和交付（CI / CD）工具提供商。在Flutter Live，他們發(fā)布了Codemagic，這是專為Flutter設(shè)計(jì)的新工具，可以通過(guò)單一自動(dòng)化輕松實(shí)現(xiàn)為Android和iOS構(gòu)建和打包Flutter應(yīng)用程序的過(guò)程。Codemagic現(xiàn)已推出測(cè)試版，可讓您選擇包含F(xiàn)lutter項(xiàng)目的GitHub倉(cāng)庫(kù)，只需點(diǎn)擊幾下，即可創(chuàng)建運(yùn)行測(cè)試的持續(xù)構(gòu)建流程，并生成可上傳到Apple和Google Play商店的二進(jìn)制應(yīng)用程序包。

我們整理了一個(gè)簡(jiǎn)短的視頻，以突出開(kāi)發(fā)人員自測(cè)試版以來(lái)使用Flutter構(gòu)建的應(yīng)用程序的范圍和種類：

點(diǎn)此進(jìn)入B站查看視頻鏈接

3、Flutter1.0新功能

自第一個(gè)測(cè)試版以來(lái)，我們一直致力于為Flutter添加功能和潤(rùn)色。特別是，我們通過(guò)新的小部件完善了對(duì)像素完美iOS應(yīng)用程序的支持; 增加了對(duì)近二十種不同F(xiàn)irebase服務(wù)的支持; 并致力于提高性能并減少Flutter應(yīng)用程序的大小。我們還根據(jù)社區(qū)的反饋結(jié)束了數(shù)千個(gè)問(wèn)題。

Flutter還包括最新版本的Dart平臺(tái)，Dart 2.1，提供更小的代碼大小，更快的類型檢查，以及更好的類型錯(cuò)誤可用性。Dart 2.1還具有新的語(yǔ)言功能，可在構(gòu)建用戶體驗(yàn)時(shí)提高工作效率。已經(jīng)采用Dart 2.1的開(kāi)發(fā)人員告訴我們，只需切換到最新的引擎，他們就能看到顯著的速度提升：

雖然1.0版本的主要焦點(diǎn)是錯(cuò)誤修復(fù)和穩(wěn)定，但我們還推出了兩個(gè)主要新功能的預(yù)覽，供開(kāi)發(fā)人員在預(yù)覽模式下試用，我們預(yù)計(jì)將在2019年2月的下一季度版本中發(fā)布：添加到應(yīng)用程序和平臺(tái)視圖。

4、添加到App

當(dāng)我們第一次構(gòu)建Flutter時(shí)，我們專注于有人從頭開(kāi)始構(gòu)建新應(yīng)用程序的生產(chǎn)力。但是，當(dāng)然，并不是每個(gè)人都有能夠以干凈的名義開(kāi)始的奢侈品。與我們的一些大客戶交談時(shí)，很明顯他們希望將Flutter用于現(xiàn)有應(yīng)用程序中的新用戶旅程或功能，或者將現(xiàn)有應(yīng)用程序分階段轉(zhuǎn)換為Flutter。

Flutter的架構(gòu)很好地支持這個(gè)模型：畢竟，每個(gè)Flutter應(yīng)用程序都包含一個(gè)主機(jī)Android和iOS容器。但是我們一直在努力通過(guò)更新現(xiàn)有應(yīng)用程序的模板，工具和指南來(lái)更容易地逐步采用Flutter。我們更容易在Flutter和主機(jī)代碼之間共享資產(chǎn)。我們還重新設(shè)計(jì)了工具，以便在不使用應(yīng)用程序啟動(dòng)調(diào)試器的情況下輕松連接到現(xiàn)有的Flutter流程。

我們將繼續(xù)努力使這一體驗(yàn)更加美好。盡管許多客戶已經(jīng)成功使用我們關(guān)于添加到應(yīng)用程序的指南，但我們?nèi)栽诶^續(xù)添加示例并擴(kuò)展對(duì)復(fù)雜方案的支持。與此同時(shí)，我們將Flutter添加到現(xiàn)有應(yīng)用程序的說(shuō)明在我們的維基上，您可以跟蹤GitHub項(xiàng)目板上的剩余工作。

5、平臺(tái)視圖Platform Views

雖然添加到應(yīng)用程序是一種將Flutter逐漸引入現(xiàn)有應(yīng)用程序的有用方法，但有時(shí)反過(guò)來(lái)并將一個(gè)Android或iPhone平臺(tái)控件嵌入到Flutter應(yīng)用程序中會(huì)很有用。

因此，我們引入了平臺(tái)視圖小部件（AndroidView和UiKitView），讓您可以在每個(gè)平臺(tái)上嵌入此類內(nèi)容。我們幾個(gè)月來(lái)一直在預(yù)覽Android支持，但現(xiàn)在我們正在擴(kuò)展對(duì)iOS的支持，并開(kāi)始添加利用此功能的 Google Maps 和 **WebView **等插件。

與其他組件一樣，我們的平臺(tái)視圖小部件參與組合模型，這意味著您可以將其與其他Flutter內(nèi)容集成。例如，在上面的屏幕截圖中，右下角的浮動(dòng)操作按鈕是Flutter小部件，其背景顏色為50％alpha。這充分展示了Flutter的獨(dú)特建筑優(yōu)勢(shì)。

雖然這項(xiàng)工作已經(jīng)為開(kāi)發(fā)人員準(zhǔn)備好了，但我們?nèi)栽诶^續(xù)努力提高性能和設(shè)備兼容性，因此我們建議您在部署依賴于PlatformView的應(yīng)用時(shí)要謹(jǐn)慎。我們將繼續(xù)積極優(yōu)化平臺(tái)視圖，并期望它們能夠及時(shí)為我們的下一季度更新做好準(zhǔn)備。

6、超越移動(dòng)端的Flutter

到目前為止，F(xiàn)lutter的主要目標(biāo)是iOS和Android。然而，我們對(duì)Flutter的抱負(fù)不僅僅是從移動(dòng)設(shè)備擴(kuò)展到更廣泛的平臺(tái)。實(shí)際上，F(xiàn)lutter從一開(kāi)始就被設(shè)計(jì)為便攜式UI工具包，其靈活性足以在像素被繪制的任何地方進(jìn)行。

其中一些工作已在公開(kāi)場(chǎng)合進(jìn)行。Flutter Desktop Embedding是一個(gè)早期階段的項(xiàng)目，它將Flutter引入桌面操作系統(tǒng)，包括Windows，MacOS和Linux。我們最近還發(fā)布了在Raspberry Pi上使用Flutter的非正式細(xì)節(jié)，作為向可能不包含完整桌面環(huán)境的小規(guī)模設(shè)備演示Flutter嵌入支持的一種方式。

本周，在Flutter Live，我們第一次看到了我們正在實(shí)驗(yàn)室中進(jìn)行的實(shí)驗(yàn)項(xiàng)目，該項(xiàng)目顯著擴(kuò)展了Flutter可以運(yùn)行的地方。

Hummingbird是Flutter運(yùn)行時(shí)的基于Web的實(shí)現(xiàn)，它利用Dart平臺(tái)的功能不僅可以編譯本機(jī)ARM代碼，還可以編譯JavaScript。這使得Flutter代碼可以在基于標(biāo)準(zhǔn)的Web上運(yùn)行而無(wú)需更改。

當(dāng)然，移動(dòng)端仍然是我們的當(dāng)務(wù)之急，您可以期待在未來(lái)幾個(gè)月內(nèi)看到谷歌對(duì)這些核心移動(dòng)方案的大部分研發(fā)成果。

---

本文翻譯自：https://developers.googleblog.com/2018/12/flutter-10-googles-portable-ui-toolkit.html

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/17691.html