android切环境插件,Android Studio下Flutter环境搭建图文教程
一、Flutter介紹
Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。Flutter可以與現(xiàn)有的代碼一起工作。在全世界，Flutter正在被越來越多的開發(fā)者和組織使用，并且Flutter是完全免費、開源的。
二、環(huán)境搭建
Flutter 的環(huán)境搭建?分省?，特別對應(yīng)Android開發(fā)者??，只是在AndroidStuido上安裝
插件，并下載flutterSdk到本地，配置在環(huán)境變量即可，其實
1.下載AndroidStudio中的插件 Dart和Flutter
大家都是聰明人看圖說話，不做多余解釋！
2.獲取Flutter SDK
3.環(huán)境配置
網(wǎng)上流傳的大多數(shù)是Git命令配置，很裝逼很拉風(fēng)，但是做人得低調(diào)，所以這里我們寫了兩個配置方案：
方案A： git命令配置 (網(wǎng)上大多數(shù)教程是這樣配置):
(1)打開gitbash，輸入如下命令：
git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內(nèi)用戶需要設(shè)置
export PATH=pwd/flutter/bin:$PATH
方案B：手動配置：
在用戶變量上添加如下變量
> 需要配置的內(nèi)容：
> ANDROID_HOME，在把你android SDK的路徑填上
//國內(nèi)用戶需要設(shè)置
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
成功效果：
錯誤效果：
如果出現(xiàn)以下錯誤 , 則是沒有配置好Android的環(huán)境
解決辦法： 添加環(huán)境變量ANDROID_HOME，把你android SDK的路徑填上，重啟電腦即可
重啟后繼續(xù)執(zhí)行 flutter doctor 如果還不成功就再執(zhí)行 flutter doctor --android-licenses ，接下來 所有的輸入 y 就可以了
成功后效果
三、創(chuàng)建項目
創(chuàng)建項目很簡單基本上和Android項目一樣
File->New->New Flutter Project
選Flutter Application ->Next
起App名字 ->Next 起包名 ->Finish
修改main.dart內(nèi)容
運行就會有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'),
),
),
);
}
}
四、體驗熱重載
Flutter的熱重載可幫助您快速地進行測試、構(gòu)建UI、添加功能并更快地修復(fù)錯誤。在iOS和Android模擬器或真機上可以在亞秒內(nèi)重載，并且不會丟失狀態(tài)。
步驟：
1.將字符串 HelloWorld 更改為 HelloWorldFlutter
2. 不要按“Stop按鈕; 讓您的應(yīng)用繼續(xù)運行。
3.要 看您的更改 只需Ctrl+S 就可以了
你就會立即看到更新后的字符串
網(wǎng)上操作效果(懶得做動圖，大家湊合看吧！)
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
總結(jié)
以上是生活随笔為你收集整理的android切环境插件,Android Studio下Flutter环境搭建图文教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 蔚来汽车单价已和奔驰相当 中国自主汽车品
- 下一篇： Android左右声道控制软件,Andr