第二章 Hello World 第一个App

2019-04-16  本文已影响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运行起来了

上一篇下一篇

猜你喜欢

热点阅读