如何分别查看 Android 和 iOS 的 Metro 捆绑程序日志

Question

我正在开发一个

react-native

移动应用程序，并同时在Android和iOS模拟器上进行测试。问题是，当我们运行

npx react-native start

时，它会启动

metro bundler

，然后请求

android

或

iOS

命令。当我们选择其中一个时，它会启动应用程序并为其打印日志，但当我们同时启动另一个时，它会在同一终端窗口中提供日志。这样我就无法弄清楚日志来自哪个平台。

我想以不同的方式查看两个平台日志。有没有办法或者其他方法可以单独打印日志？

Answer 1

TLDR；您可以更改 iOS 的端口号并为 Android 保留相同的端口。然后分别运行两个终端，您应该能够分别看到日志。

运行安卓版

1. 为 Android 构建并让它运行

针对 iOS 运行不同

1. 转到您的 ios/[projectName].xcodeproj/project.pbxproj 文件并 搜索8081。

2. 更换为8082

3. 然后转到与运行android的终端不同的终端并执行yarn start --port 8082

Answer 2

在我看来，最快的方法是使用

Platform

中的

react-native

方法。

• 平台

用例

import { Platform } from 'react-native';

...

 if (Platform.OS === "ios") {
    console.log("Hello from iOS");
 } else {
    console.log("Hello from other");
 }

...

 {
   Platform.OS === "ios" ? <Some iOS component /> : <Some Android component/>
 }

...