Flutter For Web

william 發布于2019-08-02 15:25 / 1590人閱讀

摘要：在端的雄心自從去年第一個公測版本推出之后，開發者使用構建跨和的應用。我們已經推出一個預覽版，所以開發者可以進行嘗鮮并給我們反饋。這個預覽版的核心庫是現有核心庫的一個臨時分支。將開發所需要的工具集成到現有的腳手架和編輯器中。

原文地址: https://medium.com/flutter/br...

原文作者: Kevin Moore

翻譯作者: Fedora

Flutter For Web

用來構建漂亮、定制化應用的跨平臺的 UI 框架 Flutter 現在已經支持 Web 開發了。我們很高興推出了一個預覽版的 SDK 可以讓開發者直接使用 Flutter UI 和業務邏輯代碼構建 web 應用在瀏覽器中運行起來。

Flutter 在 Web端的雄心

自從去年第一個公測版本推出之后，開發者使用 Flutter 構建跨 IOS 和 Android 的應用。但是 Flutter 自始至終被設計成一個跨平臺的 UI 框架包括 Windows ，Mac，Fuchsia 甚至是 Raspberry Pi（樹莓派）。因為 Flutter 是由 Dart 編寫的，里面包含一個生產環境的編譯器來構建原生的代碼和 JavaScript 代碼，所以我們有一個堅實的基礎。剩下的挑戰就是替換基于 Skia-based 的圖形引擎和文本渲染來適配 Web 平臺。

要做到這些，我們需要提供：

快速，無抖動的且每秒60幀的頁面交互

考慮到 Flutter 在其他平臺提供的能力和視覺

和現有開發模式整合的高效率的開發體驗

支持所有現代瀏覽器的核心 Web 功能

雖然Flutter for web是一項正在進行中的工作，而且為了實現上述功能還有很多工作要做。我們已經推出一個預覽版，所以開發者可以進行嘗鮮并給我們反饋。

Flutter Web 架構

Flutter 在 Web 端的整體架構和移動端的架構差不多:

Flutter 核心層（上圖綠色部分）在移動端和 Web 端是一樣的。它提供了 Flutter UI 的高度抽象，包括動畫，手勢，基本的小部件，以及一套大部分應用需要的 Material 風格的部件。如果你已經在客戶端開發中使用了 Flutter，那么你就會很快的在 Web 開發中上手。

神奇之處就是將這些概念（客戶端層面的）編譯到瀏覽器中。我們重新實現了 dart ui 庫，原本是基于 Skia 引擎被用在客戶端上，現在是基于 DOM 和 Canvas API。當你編譯 Flutter 代碼到 Web 端，你的應用包括 Flutter 核心庫，Web 端的 dart ui 庫，所有的用 Dart 語言寫的代碼都會被編譯成 JavaScript 代碼，能夠運行在所有的現代化瀏覽器中。

我們正在認真考慮采納 Web 核心的特性，像用 Flutter 的路由模型無縫銜接瀏覽器的 History 路由。我們還在與 Flutter 桌面終端合作，來實現鼠標滾動，懸停和聚焦這些客戶端開發中用不到的功能。

Flutter Web 項目聚焦的核心功能就是框架提供的豐富流暢的交互體驗。基于 document 的 Web 端也能從 Flutter web 可視化中收益。

這個預覽版的核心庫是現有 Flutter 核心庫的一個臨時分支。這讓我們的工程師能夠很快的實現 web 端功能而核心團隊能夠持續保持開發穩定的用于生產環境的工具。我們已經開始往主倉庫合并部分支持瀏覽器端的代碼。我們計劃提供一個 Flutter 的工具包，里面的核心框架將為移動端，web，和其他平臺提供支持。

我們計劃的工作包括:

支持文本特性例如選中，復制和粘貼。

提供插件支持。像位置信息，攝像頭，文件 API，我們希望提供一個簡單的 API 將客戶端和 web 端橋接起來。

對 PWA 提供開箱即用的技術支持。

將 web 開發所需要的工具集成到現有的 FLutter 腳手架和編輯器中。

能夠用 DevTools 來調試 web 開發。

提高性能，瀏覽器支持以及無障礙的訪問的能力

歡迎大家去 flutter.dev/web 查看例子，文檔以及更多的資源。我們很期待你使用 Flutter 開發的 web 應用。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54118.html

Flutter For Web

摘要：在端的雄心自從去年第一個公測版本推出之后，開發者使用構建跨和的應用。我們已經推出一個預覽版，所以開發者可以進行嘗鮮并給我們反饋。這個預覽版的核心庫是現有核心庫的一個臨時分支。將開發所需要的工具集成到現有的腳手架和編輯器中。原文地址: https://medium.com/flutter/br...原文作者: Kevin Moore 翻譯作者: Fedora Flutter For ...

microelec 2019-08-23 18:26 評論0 收藏0
Flutter 1.5 發布，正式成為全平臺 UI 框架！

摘要：一序在上，團隊宣布推出新的穩定版本，這是迄今為止最大的一次版本發布。伴隨著的發布，同期也宣布發布的版本，正式開啟了的全平臺框架之路。隨著的發布，正式成為一個全平臺的框架。開發流程目前僅支持。showImg(https://user-gold-cdn.xitu.io/2019/5/9/16a9a8967e736208); showImg(https://user-gold-cdn.xitu.i...

focusj 2019-05-23 16:25 評論0 收藏0
讓前端開發者失業的技術，Flutter Web初體驗

摘要：掌握可能是前端開發者翻盤的唯一機會。是開發必須的代碼庫。區別與應用，我們導入的是庫而非，這是因為目前的接口并非和的完全通用，不過隨著谷歌開發的繼續，它們最終會被合并到一塊。 Flutter是一種新型的客戶端技術。它的最終目標是替代包含幾乎所有平臺的開發：iOS，Android，Web，桌面；做到了一次編寫，多處運行。掌握Flutter web可能是Web前端開發者翻盤的唯一機會。 show...

shiguibiao 2019-05-27 17:42 評論0 收藏0