You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Web开发者求助:如何在真实iPhone/Android设备运行测试Flutter应用?

嘿,作为同样从Web开发转Flutter的过来人,我太懂你这种找不到清晰新手指南的困惑了!下面就给你一步步拆解在真实iPhone和Android设备上运行Flutter应用、并且用上热重载的操作,全是适合新手的简单步骤:

Android真实设备操作步骤

  • 开启开发者选项与USB调试:打开手机「设置」→ 找到「关于手机」→ 连续点击「版本号」5-7次,直到弹出「你已进入开发者模式」的提示;回到设置主界面,找到「开发者选项」(一般在系统设置分类下),开启「USB调试」和「USB安装」这两个选项。
  • 连接设备到MacBook:用原装USB线把Android手机连到你的Mac,手机上会弹出「是否允许此设备调试?」的提示,勾选「始终允许从此设备」然后点击「确定」。
  • 验证连接状态:打开你的Flutter项目,在VS Code或Android Studio的终端里输入 flutter devices,如果输出里能看到你的Android设备名称,说明连接成功。
  • 运行应用与热重载:点击IDE里的「运行」按钮,或者在终端输入 flutter run,等待应用安装到手机上;之后修改代码后,在终端里按 r 键就能触发热重载,按 R 键可以进行热重启。

iOS真实设备操作步骤

(因为你用的是MacBook,所以可以直接完成这些操作,不需要额外工具)

  • 安装并配置Xcode:先在App Store安装Xcode,打开Xcode后会提示安装额外的组件,全部同意安装;安装完成后,打开Xcode → 点击顶部菜单栏「Xcode」→「Preferences」→「Accounts」,添加你的Apple ID(免费账号也能用,只是免费账号签名的应用只能在自己的设备上运行7天,到期后重新安装即可)。
  • 连接iPhone到Mac:用Lightning或USB-C线把iPhone连到Mac,iPhone上会弹出「是否信任这台电脑」的提示,选择「信任」。
  • 验证设备连接:打开Xcode → 顶部菜单栏「Window」→「Devices and Simulators」,确认你的iPhone出现在左侧列表里,状态显示为「已连接」;回到Flutter项目的终端,输入 flutter devices,能看到你的iPhone设备就说明没问题。
  • 运行应用与热重载:点击IDE的「运行」按钮,或者输入 flutter run,首次安装会稍慢一些;代码修改后,在终端按 r 就能触发热重载,和Android设备操作一样。

新手常见小问题

  • 如果Android设备没被识别:试试换一根原装USB线,或者在终端运行 flutter doctor,看有没有提示需要安装的组件(比如Android SDK的platform-tools),按照提示完成安装即可。
  • iOS遇到代码签名错误:检查Xcode里的账号是否正确,然后打开Flutter项目的「Runner」目录,在Xcode的「Signing & Capabilities」面板里,选择你的Apple ID作为「Team」。
  • 热重载不生效:确保你的代码没有语法错误,并且应用处于活跃状态(不是卡在启动页或者崩溃状态),有时候按两次 r 就能触发。

内容的提问来源于stack exchange,提问作者Noel Llevares

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.11 09:08:39