很久以前就有看到关注的大神推荐学习Flutter,对Flutter的理解就是一个跨平台的移动UI框架,是属于Google的产品,当时没有太多的关注,近期的Google I/O大会,发现Flutter越来越强大了,赶紧学习下。
一.Flutter的发展
详见:https://mp.weixin.qq.com/s/xVmilQeiveA8XZNU0g668Q
Flutter最初是为了解决构建iOS和Android不能跨平台而设计的,有了它就可以使得一份代码既可以跑在两个平台上,能极大的提高开发效率,类似于RN,但是它用的Dart语言,Dart语言常用来编译网页内容,所以Web端自然也可以运行Flutter框架。
Flutter的目标是发展成为适用于所有屏幕的便携式界面框架
对创业公司来说是非常有利的。
二.Flutter在Android Studio下的配置
1,在Android Studio插件下输入Flutter下载Flutter,下载时会提示要先下载Dart,所以把Dart和Flutter都下载下来即可。
2.下载Flutter的sdk
//在git bash下
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
//PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL都是针对国内不能访问国外网络而设置的镜像
export PATH=E:\sdk\fluttersdk\flutter\bin:$PATH
然后将Flutter路径设置到系统环境变量的path路径下,注意到bin,不然可能不生效
在环境变量中添加两个用户变量,设置国内镜像,这样会加快创建速度。
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
验证:打开cmd中端,输入flutter doctor,会自动检查flutter的运行环境,并提示结果,会慢一点
flutter upgrade //升级flutter
flutter的各个channel的区别及切换
Stable:稳定版,近一年中最好的beta版本
Beta:测试版,每隔几周都会选近几个月最好的dev版本作为Beta版。
dev:最新的经过完全测试的版本,包含新功能,但可能有一些问题
master:最新版,未经测试。
开发建议使用dev版本,切换channel:flutter channel dev
3.下载Dart的sdk
地址:https://github.com/dart-lang/sdk/
在Android Studio的Settings中配置flutter和dart的sdk路径:
flutter sdk路径 dart sdk路径然后就可以创建一个Flutter Project,可以看到会有一个简单的例子,切到android下:
flutter_app里只有一个main.dart,应该就是通用的那台跨平台的代码,flutter_app_android则是跑在Androi上的demo环境,点击绿色的run即可在手机上看到效果。
网友评论