一、Flutter介紹

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生用戶界面。Flutter可以與現有的代碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，并且Flutter是完全免費、開源的。

二、環境搭建

Flutter 的環境搭建?分省?，特別對應Android開發者??，只是在AndroidStuido上安裝

插件，并下載flutterSdk到本地，配置在環境變量即可，其實

1.下載AndroidStudio中的插件 Dart和Flutter

大家都是聰明人看圖說話，不做多余解釋！

2.獲取Flutter SDK

3.環境配置

網上流傳的大多數是Git命令配置，很裝逼很拉風，但是做人得低調，所以這里我們寫了兩個配置方案：

方案A： git命令配置 (網上大多數教程是這樣配置):

(1)打開gitbash，輸入如下命令：

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

export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內用戶需要設置

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內用戶需要設置

export PATH=pwd/flutter/bin:$PATH

方案B：手動配置：

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

> 需要配置的內容：

> ANDROID_HOME，在把你android SDK的路徑填上

//國內用戶需要設置

PUB_HOSTED_URL：

https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL：

https://storage.flutter-io.cn

PATH：

Flutter sdk路徑的bin (不明白看下圖)

測試是否配置成功

按win+R 直接運行 PowerShell , 然后輸入如下命令：

flutter doctor

成功效果：

錯誤效果：

如果出現以下錯誤 , 則是沒有配置好Android的環境

解決辦法： 添加環境變量ANDROID_HOME，把你android SDK的路徑填上，重啟電腦即可

重啟后繼續執行 flutter doctor 如果還不成功就再執行 flutter doctor --android-licenses ，接下來 所有的輸入 y 就可以了

成功后效果

三、創建項目

創建項目很簡單基本上和Android項目一樣

File->New->New Flutter Project

選Flutter Application ->Next

起App名字 ->Next 起包名 ->Finish

修改main.dart內容

運行就會有Hello World了

詳細步驟(直接貼圖不解釋了)

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'),

),

),

);

}

}

四、體驗熱重載

Flutter的熱重載可幫助您快速地進行測試、構建UI、添加功能并更快地修復錯誤。在iOS和Android模擬器或真機上可以在亞秒內重載，并且不會丟失狀態。

步驟：

1.將字符串 HelloWorld 更改為 HelloWorldFlutter

2. 不要按“Stop按鈕; 讓您的應用繼續運行。

3.要 看您的更改 只需Ctrl+S 就可以了

你就會立即看到更新后的字符串

網上操作效果(懶得做動圖，大家湊合看吧！)

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的android切环境插件,Android Studio下Flutter环境搭建图文教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。