关于Flutter

作者: asla | 来源:发表于2019-05-23 11:19 被阅读0次

           很久以前就有看到关注的大神推荐学习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即可在手机上看到效果。

    相关文章

      网友评论

        本文标题:关于Flutter

        本文链接:https://www.haomeiwen.com/subject/azamzqtx.html