這篇文章主要介紹如何搭建Android Studio下Flutter環(huán)境，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

上栗ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！

一、Flutter介紹

Flutter是谷歌的移動(dòng)UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。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ō)話，不做多余解釋！

2.獲取Flutter SDK

獲取Flutter SDK （點(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 https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置 
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export PATH=pwd/flutter/bin:$PATH

方案B：手動(dòng)配置：

在用戶變量上添加如下變量

> 需要配置的內(nèi)容：
> ANDROID_HOME，在把你android SDK的路徑填上
//國(guó)內(nèi)用戶需要設(shè)置
PUB_HOSTED_URL：
    https://pub.flutter-io.cn 
    
FLUTTER_STORAGE_BASE_URL：
      https://storage.flutter-io.cn 
     
PATH：
  Flutter sdk路徑的bin (不明白看下圖)

測(cè)試是否配置成功

按win+R 直接運(yùn)行 PowerShell , 然后輸入如下命令：
flutter doctor

成功效果：

錯(cuò)誤效果：
如果出現(xiàn)以下錯(cuò)誤 , 則是沒(méi)有配置好Android的環(huán)境
解決辦法： 添加環(huán)境變量ANDROID_HOME，把你android SDK的路徑填上，重啟電腦即可

重啟后繼續(xù)執(zhí)行 flutter doctor如果還不成功就再執(zhí)行 flutter doctor --android-licenses，接下來(lái) 所有的輸入 y 就可以了

成功后效果

三、創(chuàng)建項(xiàng)目

創(chuàng)建項(xiàng)目很簡(jiǎn)單基本上和Android項(xiàng)目一樣
File->New->New Flutter Project
選Flutter Application ->Next
起App名字 ->Next 起包名 ->Finish
修改main.dart內(nèi)容
運(yùn)行就會(huì)有Hello World了

詳細(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 更改為 HelloWorldFlutter
2. 不要按“Stop按鈕; 讓您的應(yīng)用繼續(xù)運(yùn)行。
3.要 看您的更改 只需Ctrl+S 就可以了

你就會(huì)立即看到更新后的字符串

網(wǎng)上操作效果（懶得做動(dòng)圖，大家湊合看吧！）

以上是“如何搭建Android Studio下Flutter環(huán)境”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標(biāo)題：如何搭建AndroidStudio下Flutter環(huán)境
分享鏈接：http://chinadenli.net/article36/pighpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、微信公眾號(hào)、標(biāo)簽優(yōu)化、營(yíng)銷型網(wǎng)站建設(shè)、企業(yè)建站、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)