国产亚洲欧美人成在线,免费视频爱爱太爽了无码,日本免费一区二区三区高清视频 ,国产真实伦对白精彩视频

歡迎您光臨深圳塔燈網(wǎng)絡科技有限公司!
電話圖標 余先生:13699882642

網(wǎng)站百科

為您解碼網(wǎng)站建設的點點滴滴

Flutter學習筆記01

發(fā)表日期:2018-11 文章編輯:小燈 瀏覽次數(shù):4478

Flutter學習筆記01

[TOC]

1. 跨平臺技術的發(fā)展歷史

1.1 跨平臺技術

跨平臺技術是軟件工程發(fā)展到一定階段的產(chǎn)物,即一個操作系統(tǒng)下開發(fā)的應用,放到另一個操作系統(tǒng)下依然可以運行,即不依賴于操作系統(tǒng),也不依賴硬件環(huán)境。典型的跨平臺編程語言有java和python,它們依賴于底層的虛擬機(或解釋器)得以在多種系統(tǒng)下開發(fā),運行和維護。

盡管java和python語言編寫的前端UI應用程序一般也能跨平臺運行,但它們更多地被用于后端業(yè)務軟件系統(tǒng)開發(fā)的應用場景。隨著移動互聯(lián)網(wǎng)大潮的興起,ios、android等移動操作系統(tǒng)在移動客戶端被大量使用,2013年移動設備的裝機量首次超越PC,行業(yè)需求催生了跨平臺前端技術的發(fā)展。

1.2 跨平臺前端框架

目前,前端狂平臺框架分為兩類,一類是以WebApp框架,另一類是移動App框架。

目前主流的WebApp框架包括Cordova、Inonic、Dcloud、小程序等幾種,移動App由Facebook公司推出的React native、阿里推出的Weex以及本文要重點介紹的谷歌公司推出的Flutter。

2.FLutter簡介

在 2017年的谷歌 I/O大會上,Google推出了Flutter —— 一款新的用于創(chuàng)建移動應用的開源庫。在2018年初世界移動大會上發(fā)布了 Flutter的第一個Beta版本,2018年5月的 I/O大會上更新到了Beta3版本,向正式版又邁進了一步。一時間業(yè)內對這個框架的關注度越來越高。

Flutter可以快速在iOS和Android上構建高質量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界,F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用,并且Flutter是完全免費、開源的。它也是構建未來的Google Fuchsia應用的主要方式。

Flutter組件采用現(xiàn)代響應式框架構建,這是從React中獲得的靈感,中心思想是用組件(widget)構建你的UI。 組件描述了在給定其當前配置和狀態(tài)時他們顯示的樣子。當組件狀態(tài)改變,組件會重構它的描述(description),F(xiàn)lutter會對比之前的描述, 以確定底層渲染樹從當前狀態(tài)轉換到下一個狀態(tài)所需要的最小更改。

3.Windows系統(tǒng)下Flutter開發(fā)環(huán)境的安裝部署

3.1 下載Flutter SDK

  1. 在Flutter官網(wǎng)下載最新可用的安裝包,有Beta、Dev和Master幾個版本可以選擇,一般Beta是比較穩(wěn)定的版本,這里選擇Beta版本。
1541216591797.png
  1. 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意,不要將flutter安裝到需要一些高權限的路徑如C:\Program Files\)。
  2. 在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行并啟動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。

3.2更新環(huán)境變量

要在終端運行 flutter 命令, 你需要添加以下環(huán)境變量到系統(tǒng)PATH:

  • 轉到 “控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”
  • 在“用戶變量”下檢查是否有名為“Path”的條目:
    • 如果該條目存在, 追加 flutter\bin的全路徑,使用 ; 作為分隔符.
    • 如果條目不存在, 創(chuàng)建一個新用戶變量 Path ,然后將 flutter\bin的全路徑作為它的值.
  • 在“用戶變量”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目,如果沒有,也添加它們。

重啟Windows以應用此更改。

1541217219951.png

3.3 運行 flutter doctor

  • 打開一個新的命令提示符或PowerShell窗口并運行以下命令以查看是否需要安裝任何依賴項來完成安裝:
1541224320721.png

3.4 安裝Flutter、Dart插件

3.4.1 Android Studio 安裝

Android Studio: 為Flutter提供完整的IDE體驗

  1. 安裝Android Studio
  • Android Studio, 3.0或更高版本.

或者,您也可以使用IntelliJ:

  • IntelliJ IDEA Community, version 2018.2或更高版本.
  • IntelliJ IDEA Ultimate, version 2018.2 或更高版本.

3.4.2 安裝Flutter和Dart插件

需要安裝兩個插件:

  • Flutter插件: 支持Flutter開發(fā)工作流 (運行、調試、熱重載等).
  • Dart插件: 提供代碼分析 (輸入代碼時進行驗證、代碼補全等).

要安裝這些:

  1. 啟動Android Studio.

  2. 打開插件首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

  3. 選擇 Browse repositories…, 選擇 Flutter 插件并點擊 install.

  4. 重啟Android Studio后插件生效.

1541225383155.png 1541225697811.png

4. 第一個Flutter應用

  1. 打開idea新建一個工程,選擇Flutter,點擊Next


    [圖片上傳中...(1541226214925.png-d7e2c9-1541238672272-0)]
  1. 點擊Finish


    1541226214925.png
  1. 修改\flutter\packages\flutter_tools\gradle\flutter.gradle
1541238006495.png
  1. 編譯運行
1541238183265.png
本頁內容由塔燈網(wǎng)絡科技有限公司通過網(wǎng)絡收集編輯所得,所有資料僅供用戶學習參考,本站不擁有所有權,如您認為本網(wǎng)頁中由涉嫌抄襲的內容,請及時與我們聯(lián)系,并提供相關證據(jù),工作人員會在5工作日內聯(lián)系您,一經(jīng)查實,本站立刻刪除侵權內容。本文鏈接:http://jstctz.cn/18394.html
上一篇:黨建APP開發(fā) 下一篇:Flutter初體驗
相關APP開發(fā)
 八年  行業(yè)經(jīng)驗

多一份參考,總有益處

聯(lián)系深圳網(wǎng)站公司塔燈網(wǎng)絡,免費獲得網(wǎng)站建設方案及報價

咨詢相關問題或預約面談,可以通過以下方式與我們聯(lián)系

業(yè)務熱線:余經(jīng)理:13699882642

Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.