写在前面
跳槽到新公司一眨眼一个月,忙的不可开交,各种加班,总算有时间捡起简书文章了,今年2月Google在世界移动开发者大会发布了Flutter,到现在还没看过,有点落后了,今天来配个环境爽一下,记录一下过程.
Flutter是什么东东?
Flutter是Google用以帮助开发者在Ios和Android两个平台开发高质量原生应用的全新移动UI框架,采用Dart作为开发框架,对于Flutter而言,手机应用里的所有东西都是Widget,通过可组合的空间集合,丰富的动画库以及分层可扩展的架构实现了富有感染力的灵活界面设计。具体效果可以参考:Flutter Gallery
配置环境
基本的下载内容,在Android Studio中的配置可以参考Flutter中文网,其中不乏有一些需要翻墙的内容,需要自行解决,主要写一下在这其中碰到的问题:
非常顺利的下载完成,并且在环境变量中配置了Flutter,迫不及待的进行了flutter doctor进行检查,发现了第一个错误:
Android toolchain - develop for Android devices (Android SDK 28.0.1)
X Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
提示许可证未被接受,好在给出了解决方案,尝试运行:flutter doctor --android-licenses 之后,弹出了一大堆英文,依次输入y,搞定了这个问题:
之后在Android Studio安装Dart和Flutter的插件重启后,终于来到了创建项目,顺利的创建完,迫不及待的想运行一下程序体验一下,结果还没运行,就报错了:
PANIC: Cannot find AVD system path. Please define ANDROID_SDK_ROOT
这个问题提示的是没有设置ANDROID_SDK_ROOT,平常在进行Android开发的时候,一般只是配置好了Java和adb的环境之后,其他的就不进行配置了,虽然不影响使用(可以通过AVD运行模拟器),但是有个错误总觉得怪怪的,添加环境变量:
应用到Path中:
在PowerShell中进行测试无问题:
重启AS后,终于运行成功:
随便进行了一些修改,发现其中的热重载等技术的确很爽,跟着官方Demo继续爽一下:
在官方的第二部 第2步: 使用外部包(package) 遇到的第三个问题:
properties/flutter: unallowed additional property dependencies
在添加 english_words: ^3.1.0 这个依赖的时候,跟着官网的操作点击 Packages get,始终报上述错误,之后先运行Packages upgrade后,再点击Packages get后,问题解决.
最终实现了这样一个东西:
总体来说
热重载真的很吸引人....
热重载真的很吸引人....
热重载真的很吸引人....
(重要的事情说三遍)
有一种越来越像写HTML的感觉,体验了一下,Demo的滑动会出现略微卡顿,不如原生流畅,当然也有可能是测试机比较垃圾...总体来说还是不错的,可以学一下,争取把IOS也写了(手动狗头).
最后
依旧是一首歌
