美文网首页
Hello Flutter

Hello Flutter

作者: INeil | 来源:发表于2018-03-08 18:30 被阅读569次

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

相关文章

  • Flutter Hello World

    Flutter Hello World AndroidStudio Flutter Hello World 打开I...

  • flutter 笔记 Hello World

    flutter 笔记Hello World

  • Flutter - Hello Flutter

    1. 两步创建Flutter项目 stp1 : 打开终端 , cd 到你想要创建flutter项目的路径 stp2...

  • Hello Flutter

    Flutter已经发布了beta版!可以 一套代码开发漂亮流畅的Android和iOS app有没有,所以赶紧来试...

  • Hello Flutter

    什么是Flutter? Flutter 来自 Google,是移动端APP开发SDK,使用 Dart 语言编写一套...

  • Hello Flutter

    简介 Flutter作为谷歌最近推出的跨平台开发框架,一经推出便吸引了不少注意。关于Flutter,目前我们知道它...

  • Hello Flutter

    Flutter简介 Flutter是一个高性能跨平台的移动开发框架。使用Dart语言。开发者只需编写一份代码,即可...

  • Hello Flutter

    一、简介 Flutter是Google的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。...

  • Hello Flutter

    Flutter 是 Google 在 2015 年发布的一款跨平台 UI 开发工具包,支持 Android 及 i...

  • Flutter 配置 - Hello Flutter

    搭建开发环境 我们是在学习编程,就是自己上手实验一番,Hello Flutter,上手第一步就是环境搭建,如下参考...

网友评论

      本文标题:Hello Flutter

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