Hello Flutter

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的版本,要做替换)

    • Windows添加2条环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    • MacOS或者Linux在.bash_profile 添加
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个插件dartflutter

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

Hello Flutter_第1张图片
Error Android Source Generator.JPG

根据上图提供的方法,虽然不再报上述错误了,但是又开始找不到 AndroidManifest.xml
Manifest file not found.JPG

要打release包只能使用其他方式了!
下一篇继续!

你可能感兴趣的:(Hello Flutter)