【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】如何搭建Android Studio下Flutter環(huán)境

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】如何搭建AndroidStudio下Flutter環(huán)境

這篇文章主要介紹如何搭建AndroidStudio下Flutter環(huán)境，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！一、Flutter介紹Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶(hù)界面。Flutter可以與現(xiàn)有的代碼一起工作。在全世界，F(xiàn)lutter正在被越來(lái)越多的開(kāi)發(fā)者和組織使用，并且Flutter是完全免費(fèi)、開(kāi)源的。二、環(huán)境搭建Flutter的環(huán)境搭建?分省?，特別對(duì)應(yīng)Android開(kāi)發(fā)者??，只是在AndroidStuido上安裝插件，并下載flutterSdk到本地，配置在環(huán)境變量即可，其實(shí)中??的搭建Futter開(kāi)發(fā)環(huán)境已經(jīng)很貼?詳細(xì)，從平臺(tái)指引開(kāi)始安裝基本都不會(huì)遇到問(wèn)題。1.下載AndroidStudio中的插件Dart和Flutter大家都是聰明人看圖說(shuō)話，不做多余解釋?zhuān)?.獲取FlutterSDK獲取FlutterSDK（點(diǎn)擊下載）3.環(huán)境配置網(wǎng)上流傳的大多數(shù)是Git命令配置，很裝逼很拉風(fēng)，但是做人得低調(diào)，所以這里我們寫(xiě)了兩個(gè)配置方案：方案A：git命令配置（網(wǎng)上大多數(shù)教程是這樣配置）:（1）打開(kāi)gitbash，輸入如下命令：git

clone

-b

beta

/flutter/flutter.git

export

PUB_HOSTED_URL=

//國(guó)內(nèi)用戶(hù)需要設(shè)置

export

FLUTTER_STORAGE_BASE_URL=

//國(guó)內(nèi)用戶(hù)需要設(shè)置

export

PATH=pwd/flutter/bin:$PATH方案B：手動(dòng)配置：在用戶(hù)變量上添加如下變量>

需要配置的內(nèi)容：

>

ANDROID_HOME，在把你android

SDK的路徑填上

//國(guó)內(nèi)用戶(hù)需要設(shè)置

PUB_HOSTED_URL：

FLUTTER_STORAGE_BASE_URL：

PATH：

Flutter

sdk路徑的bin

(不明白看下圖)測(cè)試是否配置成功按win+R直接運(yùn)行PowerShell,然后輸入如下命令：flutterdoctor按win+R直接運(yùn)行PowerShell,然后輸入如下命令：flutterdoctor成功效果：錯(cuò)誤效果：如果出現(xiàn)以下錯(cuò)誤,則是沒(méi)有配置好Android的環(huán)境解決辦法：添加環(huán)境變量ANDROID_HOME，把你androidSDK的路徑填上，重啟電腦即可重啟后繼續(xù)執(zhí)行flutterdoctor如果還不成功就再執(zhí)行flutterdoctor--android-licenses，接下來(lái)所有的輸入y就可以了成功后效果三、創(chuàng)建項(xiàng)目創(chuàng)建項(xiàng)目很簡(jiǎn)單基本上和Android項(xiàng)目一樣File->New->NewFlutterProject選FlutterApplication->Next起App名字->Next起包名->Finish修改main.dart內(nèi)容運(yùn)行就會(huì)有HelloWorld了詳細(xì)步驟（直接貼圖不解釋了）import

'package:flutter/material.dart';

void

main()

=>

runApp(new

MyApp());

class

MyApp

extends

StatelessWidget

{

@override

Widget

build(BuildContext

context)

{

return

new

MaterialApp(

title:

'WelcometoFlutter',

home:

new

Scaffold(

appBar:

new

AppBar(

title:

new

Text('WelcometoFlutter'),

),

body:

new

Center(

child:

new

Text('Hello

World'),

),

),

);

}

}四、體驗(yàn)熱重載Flutter的熱重載可幫助您快速地進(jìn)行測(cè)試、構(gòu)建UI、添加功能并更快地修復(fù)錯(cuò)誤。在iOS和Android模擬器或真機(jī)上可以在亞秒內(nèi)重載，并且不會(huì)丟失狀態(tài)。步驟：1.將字符串HelloWorld更改為Hell