Android Studio React Native App导致红屏

Question

这是我的第一个问题，尽管我经常频繁出现堆栈溢出。

我通过facebook关注此设置： https://facebook.github.io/react-native/docs/getting-started.html

我正在尝试学习如何制作本机移动应用程序。这也是我第一次处理应用程序。

我设置了android studio（包括sdk和模拟器），node.js，watchman，反应原生等等。除了Gradle守护进程之外，其他所有内容都在那里列出，当我导入react-native项目时，android studio负责处理。

因此，我通过react-native init AwesomeProject创建了一个项目，如示例所示。我用react-native start启动服务器并通过react-native run-android运行android项目。

我将手机（LGV10，Android 6.0）连接到PC（Ubuntu 14.04）。

一切都很棒。

然后当应用程序出现在屏幕上时，我发现这个明显的错误，我花了几天时间搜索，测试并尝试通过。

有谁知道这可能意味着什么？

我已验证adb reverse tcp:8081 tcp:8081已成功运行。我不知道该怎么做。

非常感谢任何帮助！

Answer 1

您需要将ur ip address用于连接到开发服务器，这意味着您正在开发的计算机遵循以下步骤：

第1步：输入adb shell input keyevent 82，弹出如下所示：

  

选择最后一个选项：

  

最后插入ipaddress：8081

例如10.4.3.252:8081

请注意，不要放置localhost它可能不起作用，所以插入ip：port

完成上述步骤后，请再次返回应用，然后从弹出式adb shell input keyevent 82

中的开发设置中选择重新加载选项

请从官方react-native saying how to connect to development server

查看此文章

如果您计划在生产中部署，那么您不需要开发服务器就必须签署apk，请阅读react-native offical site

中的这些文章