# Flutter 基本運(yùn)用

Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界，F(xiàn)lutter正在被越來越多的開發(fā)者和組織使用，并且Flutter是完全免費(fèi)、開源的。

Flutter擁有豐富的工具和庫，則可以使用Flutter作為視圖(View)層， 并可以使用已經(jīng)用Java / ObjC / Swift完成的部分（Flutter支持混合開發(fā)）

支持Material組件和Cupertino widgets。

###一、Flutter 環(huán)境安裝

####1、下載源碼：

git clone -b beta https://github.com/flutter/flutter.git

####2、設(shè)置環(huán)境變量，打開~/.bash_profile文件

注意：/Users/yongliu/Documents/FlutterProject/flutter/bin需要替換為你本地Flutter項(xiàng)目的路徑，

添加

export PATH=$PATH:/Users/yongliu/Documents/FlutterProject/flutter/bin

此外國(guó)內(nèi)需要修改鏡像路徑：

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

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

####3、flutter doctor命令來執(zhí)行Flutter的安裝程序

####4、Flutter可以使用如下三個(gè)IDE來開發(fā)程序

Android Studio

IntelliJ IDEA

Visual Studio Code

####5、Dart：提供Dart語言的支持

IDE 插件安裝即可

###二、創(chuàng)建Flutter應(yīng)用

Flutter create demo_app

*demo_app 必須是小寫

Flutter packages get

*獲取依賴包

Flutter run

*運(yùn)行程序

選擇模擬器查看結(jié)果便可成功得到第一個(gè)Flutter項(xiàng)目

###三、項(xiàng)目結(jié)構(gòu)

###四、布局基礎(chǔ)

StatelessWidget 和 StatefulWidget的區(qū)別

StatelessWidget是狀態(tài)不可變的widget。初始狀態(tài)設(shè)置以后就不可再變化。如果需要變化需要重新創(chuàng)建。StatefulWidget可以保存自己的狀態(tài)。那問題是既然widget都是immutable的，怎么保存狀態(tài)？其實(shí)Flutter是通過引入了State來保存狀態(tài)。當(dāng)State的狀態(tài)改變時(shí)，能重新構(gòu)建本節(jié)點(diǎn)以及孩子的Widget樹來進(jìn)行UI變化。

###五、網(wǎng)絡(luò)操作

發(fā)送一個(gè)請(qǐng)求

Response response;

response=await dio.get("/test?id=12")

// 請(qǐng)求參數(shù)也可以通過對(duì)象傳遞，上面的代碼等同于：

response=await dio.get("/test",data:{"id":12,"name":"wendu"})

print(response.data.toString());

###相關(guān)學(xué)習(xí)網(wǎng)站

Flutter原理與美團(tuán)的實(shí)踐

Flutter Hot Reload

Flutter Widget布局控件

Flutter中文文檔 [**FlutterGithub源碼**<https://github.com/flutter/flutter>]

Flutter中文文檔 <http://doc.flutter-dev.cn/>

Dart中文官網(wǎng) <https://www.dart-china.org/>

本頁內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁中由涉嫌抄襲的內(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/18381.html