美文网首页
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包只能使用其他方式了!
    下一篇继续!

    相关文章

      网友评论

          本文标题:Hello Flutter

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