关于Flutter

       很久以前就有看到关注的大神推荐学习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_第1张图片

   对创业公司来说是非常有利的。

二.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_第2张图片
flutter sdk路径


关于Flutter_第3张图片
dart sdk路径


然后就可以创建一个Flutter Project,可以看到会有一个简单的例子,切到android下:


关于Flutter_第4张图片

flutter_app里只有一个main.dart,应该就是通用的那台跨平台的代码,flutter_app_android则是跑在Androi上的demo环境,点击绿色的run即可在手机上看到效果。

你可能感兴趣的:(关于Flutter)