【移动应用开发技术】如何搭建Android Studio下Flutter环境

【移动应用开发技术】如何搭建AndroidStudio下Flutter环境

这篇文章主要介绍如何搭建AndroidStudio下Flutter环境，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！一、Flutter介绍Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。二、环境搭建Flutter的环境搭建⼗分省⼼，特别对应Android开发者⽽⾔，只是在AndroidStuido上安装插件，并下载flutterSdk到本地，配置在环境变量即可，其实中⽂⽹的搭建Futter开发环境已经很贴⼼详细，从平台指引开始安装基本都不会遇到问题。1.下载AndroidStudio中的插件Dart和Flutter大家都是聪明人看图说话，不做多余解释！2.获取FlutterSDK获取FlutterSDK（点击下载）3.环境配置网上流传的大多数是Git命令配置，很装逼很拉风，但是做人得低调，所以这里我们写了两个配置方案：方案A：git命令配置（网上大多数教程是这样配置）:（1）打开gitbash，输入如下命令：git

clone

-b

beta

/flutter/flutter.git

export

PUB_HOSTED_URL=

//国内用户需要设置

export

FLUTTER_STORAGE_BASE_URL=

//国内用户需要设置

export

PATH=pwd/flutter/bin:$PATH方案B：手动配置：在用户变量上添加如下变量>

需要配置的内容：

>

ANDROID_HOME，在把你android

SDK的路径填上

//国内用户需要设置

PUB_HOSTED_URL：

FLUTTER_STORAGE_BASE_URL：

PATH：

Flutter

sdk路径的bin

(不明白看下图)测试是否配置成功按win+R直接运行PowerShell,然后输入如下命令：flutterdoctor按win+R直接运行PowerShell,然后输入如下命令：flutterdoctor成功效果：错误效果：如果出现以下错误,则是没有配置好Android的环境解决办法：添加环境变量ANDROID_HOME，把你androidSDK的路径填上，重启电脑即可重启后继续执行flutterdoctor如果还不成功就再执行flutterdoctor--android-licenses，接下来所有的输入y就可以了成功后效果三、创建项目创建项目很简单基本上和Android项目一样File->New->NewFlutterProject选FlutterApplication->Next起App名字->Next起包名->Finish修改main.dart内容运行就会有HelloWorld了详细步骤（直接贴图不解释了）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更改为Hell