运行 Flutter 项目(iOS 模拟器)

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我们可以在真实的 iOS 或者 Android 设备上运行 flutter 项目 .. 也可以在 iOS 或者 Android 模拟器上运行 flutter 项目 ..

运行项目之前可以先执行一下 flutter doctor ... 这个命令会帮我们检测一下 ... 看一下在系统上运行 flutter 项目都会有哪些问题 ...

在 Connected devices 的下面,提示说还没有连接的设备 ...

再执行一下 flutter emulator ... 这个命令可以列出项目里面可以使用的模拟器 ... 我的这个项目,现在只有一个 apple_ios_simulator ... iOS 设备的模拟器 ... 复制一下这个模拟器的名字 ... 再执行一下 fultter emulator --launch 后面加上模拟器的名字 ..

这样就会打开系统上的 iOS 模拟器 .. 模拟器运行以后就可以在上面运行我们的 Flutter 应用了 ..

执行一下 flutter run ... 如果系统上有多个连接的设备, 执行这个命令的时候会出现提示 ... 显示设备的列表 ... 这样我们需要在 flutter run 的后面加上 -d 选项,接着再指定想要运行的设备的 id 号 ..

编译好的应用会在模拟器上自动打开 .. 默认应用只有一个页面 .. 上面有个简单的计数功能 ... 按下 + 号按钮,屏幕上的数字就会增加 ...

打开项目 lib 下面的 main.dart .. 修改一下页面的标题 ... 改成 Ninghao Flutter ..

这里在终端上没有提示我们可以使用 Hot reload ... ctrl + C ... 先停止一下 ...

重新再运行一下 ...

这回这里会提示说,要 Hot reload ,可以按一下 R ...

现按两个这个加号按钮 ... 屏幕上的数字会发生变化 ... 然后再修改一下 main.dart ... 改一下页面的标题 ... 保存一下文件...

然后在终端上,按一下 R ... 会执行 hot reload ... 应用的页面上会显示出更新之后的变化 ... 注意应用在热加载之后 ... 页面上的数字并没有发生变化 ...

按一下 ctrl + c .. 停止运行 ..

然后打开编辑器的调试 ... 运行一下调试 ... 如果有多个设备,会出现提示 .. 让我们选择要运行的设备 ...

修改一下页面上的文字 .... 被按的次数 ... 保存一下文件 ... 应用的页面上会立即显示出修改之后的变化 ..

运行 Flutter 项目(iOS 模拟器)《 Flutter 移动应用:开发准备 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点