Android Studio下Flutter环境搭建图文教程
作者:苏青岩 时间:2023-11-06 00:08:03
一、Flutter介绍
Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。
二、环境搭建
Flutter 的环境搭建⼗分省⼼,特别对应Android开发者⽽⾔,只是在AndroidStuido上安装
插件,并下载flutterSdk到本地,配置在环境变量即可,其实 中⽂⽹的搭建Futter开发环境
已经很贴⼼详细,从平台指引开始安装基本都不会遇到问题。
1.下载AndroidStudio中的插件 Dart和Flutter
大家都是聪明人看图说话,不做多余解释!
2.获取Flutter SDK
获取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 就可以了
你就会立即看到更新后的字符串
网上操作效果(懒得做动图,大家凑合看吧!)
来源:https://blog.csdn.net/qq_35953420/article/details/93630127
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Java实现bmp和jpeg图片格式互转
使用@Value值注入及配置文件组件扫描
Java毕业设计实战之图片展览馆管理系统的实现
![](https://img.aspxhome.com/file/2023/1/62521_0s.jpg)
深入了解Hadoop如何实现序列化
![](https://img.aspxhome.com/file/2023/8/62348_0s.png)
Flutter添加页面过渡动画实现步骤
![](https://img.aspxhome.com/file/2023/1/94991_0s.png)
Spring Cloud Gateway入门解读
![](https://img.aspxhome.com/file/2023/6/122186_0s.jpg)
Spring在多线程下@Resource注入为null的问题
详解Android 蓝牙通信方式总结
![](https://img.aspxhome.com/file/2023/1/138701_0s.png)
Android自定义listview布局实现上拉加载下拉刷新功能
![](https://img.aspxhome.com/file/2023/4/137574_0s.png)
C# listview 点击列头排序的实例
JAVA像SQL一样对List对象集合进行排序
![](https://img.aspxhome.com/file/2023/8/71258_0s.jpg)
解决RabbitMq消息队列Qos Prefetch消息堵塞问题
Android App后台服务报告工作状态实例
Java实现配置加载机制
Android自定义覆盖层控件 悬浮窗控件
Spring Boot教程之提高开发效率必备工具lombok
![](https://img.aspxhome.com/file/2023/9/61609_0s.png)
Spring Security 构建rest服务实现rememberme 记住我功能
![](https://img.aspxhome.com/file/2023/1/81961_0s.jpg)
springboot vue测试平台开发调通前后端环境实现登录
![](https://img.aspxhome.com/file/2023/9/64419_0s.png)
Android中handler使用浅析
![](https://img.aspxhome.com/file/2023/7/120077_0s.gif)