美文网首页
第二章 Hello World 第一个App

第二章 Hello World 第一个App

作者: 走码人 | 来源:发表于2019-04-16 17:39 被阅读0次

    1 新建一个Flutter项目

    选择File/New/New Flutter Projects......

    图2.1

    弹出【图2.2】,选择Flutter Application,点击【Next】


    图2.2

    打开flutter的配置页


    图2.3

    设置项目名称、Flutter SDK路径、项目路径、描述信息等
    (\color{blue}{Flutter SDK的下载见第一章内容})

    设置包名


    图2.4

    2 配置虚拟设备

    点击【AVD Manager】配置虚拟机


    图2.5

    点击创建虚机的按钮【Create Virtual Device.....】


    图2.6
    选择一个设备型号(注意:此处选择的设备型号,会影响后续选择Android SDK的版本)
    图2.7

    选择Android的版本,此处的版本信息和上一步选择的设备型号要对应


    图2.8
    如果没有下载,此处需要点击Download进行下载(下载比较缓慢,需要等一段时间)
    图2.8
    最后点击【Finish】完成虚拟设备的创建
    图2.9

    启动虚拟设备


    图2.10

    效果如下图


    图2.11

    3 优化Gradle设置

    是不是到此就可以启动了?
    确实是可以启动了,但是尝试一下你会发现,此处会非常缓慢........

    经过研究发现是下载https://services.gradle.org/distributions/gradle-4.10.2-all.zip这个东东导致的,后来一百度发现早有解决方案,本地配置Gradle即可。

    图2.12

    自己将gradle-4.10.2-all.zip下载,存放至本地目录,记得不需要解压缩!

    启动App

    选择创建的虚拟设备,点击启动按钮


    图2.13

    main.dart 是flutter项目的启动文件

    第一次的启动时间较长,请耐心等候!

    图2.14

    下面修改app的title
    找到main.dart并打开


    图2.15

    将title改成 “Hello World"
    系统自动进行部署,将title换成了HelloWorld


    图2.16

    至此第一个App运行起来了

    相关文章

      网友评论

          本文标题:第二章 Hello World 第一个App

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