Flutter基礎-環境搭建及demo運行

PHP技術大全 / 2019-03-15 15:02:46

Flutter到底是來解決哪些實際問題的呢?Flutter主要解決了移動開發中的兩個重要問題,一是原生應用程序的性能與平臺的集成;二是提供多平臺、可移植的UI工具包支持高效應用開發。

原文作者:Lmaoshammy

http://www.jianshu.com/p/e5c40f563e11

正文

Flutter是一款谷歌的用以同時在 iOS 和 Android 上制作高質量原生界面的移動應用UI框架.目前谷歌是已發布了 Flutter Beta 版,同時也提供了多個 Sample Project 供學習. Flutter 主要有著快速開發有表現力及靈活的UI原生表現等特點.

快速開發

極速熱部署就能使app構建生效,使用大量可深度自定義化的小部件 (Widgets) 供快速開發原生界面.

有表現力及靈活的UI

快速地將特性集中在客戶端用戶體驗上.分層體系結構允許深度定制,最終呈現快速渲染以及有表現力和靈活的設計

原生表現

Flutter的小部件包含了所有關鍵的平臺差異,如滾動、導航、圖標和字體,以在iOS和Android上提供完整的原生表現

{% note info %}

類似于 Fackbook 的 React Native , 我們可用 Flutter 開發一套代碼,應用于 Android 以及 iOS 平臺上.不僅如此, Flutter 還可應用于谷歌將推出的新系統Fuchsia. 可以看出 , Flutter 確有統一移動端的趨勢 , 身為移動 Developer 當然要有所了解. 接下來我們將開始搭建開發環境 , 并且運行官方的 demo

為了更好的閱讀體驗, 請點擊閱讀原文:)

{% endnote %}

安裝

首先進入Flutter Install選擇相應操作系統下的安裝包進行安裝

首先此處有個溫馨小點 , 谷歌為中國開發者準備了國內鏡像,為圖中的鏈接this wiki article. 主要是配置兩個環境變量 PUB_HOSTED_URL和 FLUTTER_STORAGE_BASE_URL, 安裝時當檢測到有這倆環境變量,就會優先讀取變量存儲的地址去安裝.

創建或者打開 $HOME/.bash_profile, 在下方添加兩行變量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

然后 source $HOME/.bash_profile 使之在當前 terminal 生效.

最后可用 echo $PUB_HOSTED_URL 和 echo $FLUTTER_STORAGE_BASE_URL檢測是否添加成功

{% note warning %}

最好配置下這個地址.筆者親測,科學上網期間但沒配置這倆地址時,下載組件時總會崩潰中斷

4399小游戏上海麻将连连看 秒速时时是官方的吗 天津时时彩走势图表 福彩刮刮乐视频 东北麻将 内蒙古快三专家推荐号码推荐 中彩网双色球基本走势图表 南粤36选7开奖结果查询结果 福建时时分析软件 香港马会App 河南快三在哪下载安装