持续创作,加快生长!这是我参加「日新方案 6 月更文挑战」的第3天,点击查看活动详情

在文章Flutter 布局备忘录 — 多图警告,干货主张保藏中,咱们了解了常用的布局。在文章Flutter 结合 Dio 运用中,咱们了解了接口恳求。那么,当一个 Flutter 使用开发完之后,咱们怎样在 iOS 真机的调试呢?本文,咱们来了解下。

准备工作

  • 一台 Mac 电脑,安装了 Xcode 软件

Flutter iOS 真机测试 -- 值得收藏

  • 一条 USB 线
  • 一台 iPhone
  • 一个能正常运转的 Flutter 项目

这儿的 Flutter 项目,我运用了在 Flutter 结合 Dio 运用文章中的项目。

USB手机和电脑衔接起来。手机中弹窗挑选信赖该电脑。

Flutter iOS 真机测试 -- 值得收藏

Xcode 装备

Flutter iOS 真机测试 -- 值得收藏

进入项目的 ios 文件夹,双击文件 Runner.xcworkspace,主动调起 Xcode 软件。

Flutter iOS 真机测试 -- 值得收藏

由于准备工作的时分,现已将手机衔接到电脑,所以,你在 Runner 这儿会找到你的手机,点选衔接的手机:

Flutter iOS 真机测试 -- 值得收藏

这儿我衔接的是自己的手机,手机名称为嘉明

Signing & Capabilities 装备信息中,你需求挑选一个团队,假如团队状况未辨认,你需求登陆。

Flutter iOS 真机测试 -- 值得收藏

成功登陆后,你能够看到类似下面成功的页面。

Flutter iOS 真机测试 -- 值得收藏

操作完上面之后,你能够点击运转按钮,运转项目。

Flutter iOS 真机测试 -- 值得收藏

此刻,你会看到 codesign 想访问您的钥匙串中的密钥 的弹窗。

Flutter iOS 真机测试 -- 值得收藏

填写你本机的登陆密码,并点选 一直答应答应

主张挑选一直答应,否则挑选答应后,下次进来你还得答应。

手机装备

在上面输入登陆的钥匙后,咱们衔接的手机上会弹出提示不受信赖的开发者的信息。

Flutter iOS 真机测试 -- 值得收藏

咱们依据提示,在设置中答应运用这些 App

操作途径:设置 -> 通用 -> 描述文件与设备管理 -> 开发者APP

选中咱们的 Apple Development 信息。

Flutter iOS 真机测试 -- 值得收藏

成功选中后,咱们能够看到状况变更为下面这样:

Flutter iOS 真机测试 -- 值得收藏

Flutter Demo 是我项目的名称

此刻,你能够在的手机上看到一个名称为 Flutter DemoFlutter 使用。

Flutter iOS 真机测试 -- 值得收藏

此刻你点击翻开 Flutter Demo 使用,可能会得到下面的信息提示:

Flutter iOS 真机测试 -- 值得收藏

由于自己手机体系是 14.2,所以它告诉我,使用只能通过 IDE 发起或者是 Xcode。所以,咱们在 Xcode 上再次点击运转按钮,运转咱们的项目即可,可能会出现下面这个信赖弹窗:

Flutter iOS 真机测试 -- 值得收藏

挑选信赖后,你能够看到咱们的 Flutter 使用内容了。

Flutter iOS 真机测试 -- 值得收藏

另一种处理方式 iOS 14 not letting Flutter apps (still in dev) to launch from the home screen compared to Building/Running from the IDE

后话

IDE 上更改内容后,再次点击运转按钮之后,你在手机使用上能够看到更新的内容。

很酷,是吧,读者感兴趣能够尝试一下~

假如读者喜爱本文,不妨一键三连:点赞 + 保藏 + 关注