Hello Flutter

2018-03-08  本文已影响569人  INeil

Flutter已经发布了beta版!可以 一套代码开发漂亮流畅的Android和iOS app有没有,所以赶紧来试一下吧!
以下为根据flutter官网和自己学习的经验的总结,配置Flutter开发环境的简略教程!
主要是在Windows Android Studio中开发flutter工程,MacOS还要安装brewxCodecocoapods,暂时不做介绍,当然如果你原来就开发过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的版本,要做替换)

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

git clone -b beta https://github.com/flutter/flutter.git

这个第一次运行需要较长的时间,下载很多东西

1.启动Android Studio
2.打开Plugins配置(MacOS:Preferences>Plugins,Window和Linux:File>Settings>Plugins)
3.选择Browse repositories…,搜索选择Flutter插件点击Install
4.会弹窗提示安装dart插件,点Yes
5.安装完成重新启动Android Studio

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会报错:stackflowOsChian虽然不是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包只能使用其他方式了!
下一篇继续!
上一篇下一篇

猜你喜欢

热点阅读