如何在 Android 手机上运行 React Native 应用程序

Question

我正在构建 React Native 应用程序。

当我使用“react-native run-android”在 Mac 上的终端中启动应用程序时，它运行良好。

但是当我得到apk文件并手动将它安装到另一个android设备上时，它不起作用。

看起来像这样。

Answer 1

如果您通过电缆连接，请执行以下操作：

1。转到 > 设置 > 关于设备

2。然后是软件信息

3。然后 > 内部版本号

4。现在在 Build Number 上点击（单击）多次以启用 Developer Options

5。在这里，您的设置中不会显示开发者选项

6。现在进入开发人员选项并启用 USB 调试模式。

7。打开你的终端

在 Windows 上打开 Android SDK Manger > 平台工具

类型：

$ adb devices

这将显示您计算机上的设备和模拟器/虚拟设备。

8。从您的设备转发请求

类型：

$ adb reverse tcp:8081 tcp:8081

9。运行它

类型：

$ npm run android

应用应该出现在您的设备上

Answer 2

看起来您的 APK 中的源代码正在寻找包服务器。

阅读这篇文章，了解如何为 react-native 构建 APK：React-Native - Generating Signed APK

如果您的设备通过电缆连接：

• 如果您在连接到同一台计算机的物理设备上，请运行“adb reverse tcp:8081 tcp:8081”以转发来自您设备的请求

否则，您仍然可以按照错误中的最后一点通过 Wifi 执行此操作：

• 如果您的设备在同一个 Wi-Fi 网络上，请将“Dev settings”中的“Debug server host & port for device”设置为您机器的 IP 地址，然后 本地开发服务器的端口 -e.g. 10.0.1.1:8081

Answer 3

请按照以下步骤在物理移动设备上运行 react-native 代码：-

1. 请确保您使用的是同一个 wifi 网络（手机和笔记本电脑）。
2. 运行您的代码并通过 Android Studio 将其安装在移动设备上。
3. 应用将安装并要求您更改“开发设置”。
4. 摇晃手机，进入“开发设置”，输入机器的 IP 地址（192.16.XX.XXX:8081）。
5. 关闭应用再打开一次，在终端你会看到这样

6。稍等一下，应用将安装并反映更改。

Answer 4

获取所有设备的列表：

adb devices

然后设置在哪个设备上运行：

adb -s <device name> reverse tcp:8081 tcp:8081

然后部署应用：

react-native run-android

Answer 5

如果您在生成 android 项目文件后升级了 react-native 版本，您可能需要现在重新生成这些文件。我想你可以使用react-native upgrade。

Answer 6

要在 Android 上运行 React Native 应用程序，需要满足以下条件：

Android 工作室 安卓 SDK JDK 8（此处为 macOS 和 Windows 的安装说明）

答案来源：Make An App

我们可以通过在终端运行以下代码，在Android平台上运行React Native应用。

react-native run-android 在您可以在 Android 设备上运行您的应用之前，您需要在开发者选项中启用 USB 调试。

如果您收到“网桥配置不可用”错误。然后使用下面的命令来解决 adb -s tcp:8081 tcp:8081

现在使用

重新运行应用程序

react-native run-android

在物理设备上更正网络的命令应该是： adb -s 反向 tcp:8081 tcp:8081

启用 USB 调试后，您可以插入设备并运行上面给出的代码 sn-p。

将您的应用配置为通过 Wi-Fi 连接到本地开发服务器

• 确保您的笔记本电脑和手机在同一个 Wi-Fi 网络上。
• 在您的设备上打开您的 React Native 应用程序。你也可以这样做
• 打开任何其他应用程序的方式。您会看到一个带有错误的红屏。
• 没关系。以下步骤将解决该问题。打开开发者
• 转到开发设置。转到设备的调试服务器主机。输入你机器的IP地址和端口 本地开发服务器（例如 10.0.1.1:8081）。
• 在 Mac 上，您可以在系统偏好设置/网络中找到 IP 地址。在 Windows 上，打开命令 提示并键入 ipconfig 以查找您机器的 IP 地址（更多 信息）。
• 返回“开发者”菜单并选择“重新加载 JS”。

原生 Android 模拟器很慢。我们建议您下载 Genymotion 来测试您的应用。

开发者菜单可以通过按 command + M 来访问。