第二章 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路径、项目路径、描述信息等
()
设置包名
图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即可。
自己将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运行起来了