Flutter已经发布了beta版!可以 一套代码
开发漂亮流畅的Android和iOS app有没有,所以赶紧来试一下吧!
以下为根据flutter官网和自己学习的经验的总结,配置Flutter
开发环境的简略教程!
主要是在Windows
Android Studio
中开发flutter
工程,MacOS还要安装brew
、xCode
、cocoapods
,暂时不做介绍,当然如果你原来就开发过iOS,应该都已经安装过了,基本过程大同小异!
PS:要打iOS的安装包还真必须是MacOS的环境,所以后续再补MacOS的详细安装过程吧
-
准备
1.根据官网的提示,由于China的特殊性要先做点设置Using-Flutter-in-China
2.git
3.Android Studio 3.0+以及Android SDK( 3.0以下.dart文件不识别,但是最好有2.3的版本,要做替换)
- Windows添加2条环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
- MacOS或者Linux在
.bash_profile
添加
- MacOS或者Linux在
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
-
下载
Flutter
git clone -b beta https://github.com/flutter/flutter.git
- 配置
Flutter
PATH(Windows)或export PATH="$PATH:{parentPaht}/flutter/bin"
(MacOS或linux)
配置完整的flutter/bin
目录到系统环境,可以在cmd或terminal中执行flutter
命令
- 配置
-
执行
flutter doctor
这个第一次运行需要较长的时间,下载很多东西
-
AndroidStudio 安装2个插件
dart
和flutter
1.启动Android Studio
2.打开Plugins配置(MacOS:Preferences>Plugins
,Window和Linux:File>Settings>Plugins
)
3.选择Browse repositories…
,搜索选择Flutter
插件点击Install
4.会弹窗提示安装dart
插件,点Yes
5.安装完成重新启动Android Studio
-
新建App
1.选择File>New Flutter Project
2.选择Flutter application>next
3.配置包名、工程名等
4.点击finish
,等待吧
第一个工程就此建好了,你可以运行测试一下
-
一些特性
1.flutter
工程非正式包的运行在手机上,会看到右上角有个SLOW MODE
字样,相比release-apk因为有很多调试,所以有卡顿。可以在代码中配置取消掉字样(但还是一样运行比较慢)
debugShowCheckedModeBanner: false,
2.真的支持hot reload
,改lib/main.dart
中的代码,保存可以立刻获得改后的效果展示,然而退出App后,再启动App还是原来的配方,还是熟悉的味道
3.测试apk很大,一个Hello world 25 Mb+,release还好7.5 Mb+,该怎么精简,目前还不知道 - -!
4.直接使用Build>Generate Signed Apk
会报错:stackflow、OsChian虽然不是flutter的,但是错误信息基本一致
Error:Android Source Generator: Error: Can't find bundle for base name messages.AndroidJpsBundle, locale zh_CN
Error Android Source Generator.JPG
根据上图提供的方法,虽然不再报上述错误了,但是又开始找不到
AndroidManifest.xml
了Manifest file not found.JPG
要打release包只能使用其他方式了!
下一篇继续!
网友评论