Question

在Android设备上在物理设备上运行应用程序时，始终会出现白屏。使用react-native-navigation无法检测到该错误，请帮忙！

我创建了一个新的react-native项目，并将react-native-navigation库集成到其中，当我通过运行命令yarn run android在物理设备中运行该应用程序时，该项目运行但显示空白android中的白屏。一旦成功运行，但现在不会。

Answer 1

我最近遇到了两种白屏问题

1。始终显示白屏（由于捆绑..）解决方案是

react-native start

然后

react-native run-android

2.it在特定的几秒钟内显示白屏，或者突然在正常运行的应用中始终显示白屏

由于应用程序缓存或流量

解决方案是

Androidmanifest.java

android:usesCleartextTraffic="true"

Answer 2

使用“ react-native init”命令来创建项目，因为它只为您构建而不是expo-native以及其他节点模块，然后为特定平台构建例如。在我的情况下为“ react-native run-android”，它可以正常工作。

Answer 3

在单独的终端中运行react-native，然后运行react-native run-android。

Answer 4

在 android 文件夹上运行 ./gradlew clean 然后从手机上卸载应用程序对我有用。

Answer 5

要在物理android设备上运行应用，我需要逐步进行操作：

从IntelliJ的应用程序文件夹中打开“ android”文件夹
在IntelliJ中运行，目标：USB设备
.apk完成安装后，在应用程序文件夹中右击，运行PowerShell，键入“ react-native run-android”
完成后，在物理设备上打开应用，摇动以打开开发人员菜单，然后点击“重新加载”

您还可以按住设备上的菜单按钮以打开开发人员菜单（在应用运行时）

Answer 6

如果Debug JS Remotely处于打开状态，那么我们也会看到空白屏幕。我最近遇到了这个问题。因此，请检查您是否已经在运行{{1}}。如果您已经在运行它，则只需停止远程调试。它将起作用。

Answer 7

以我为例，当时正在使用我的手机进行测试和开发，突然出现白屏问题。

该应用程序根本没有加载，没有错误，没有代码更新，只有在npx react-native run-android之后出现白屏。

我的解决方案是清除从缓存中加载的电话缓存。

我重新启动手机，然后清除了所有缓存，然后为我工作了。

Answer 8

经常为我解决这个问题的一件事是重新安装您的 node_modules 文件夹并清理您的 gradle 构建。您可以手动执行此操作，但是，如果您遇到过一次或多次此问题，请考虑运行 shell 脚本来自动执行此过程。

创建一个名为 clean.sh 的文件并将其粘贴到其中：

echo "Removing node modules from $1 then reinstalling..."
cd $1
rm -rf node_modules
yarn install
echo "Cleaning gradle project..."
cd android
./gradlew clean
cd ..

如果使用 npm，请将上面的“yarn”更改为“npm”。

将上面的文件放在您项目的父目录中（如果您的项目位于 C:\Users\your.name\projects\project1，则将 clean.sh 文件放在 C:\Users\your.name\projects\）。

要运行脚本，请在 Git Bash 或您的 Unix 终端中运行此脚本（确保将下面的目录名称更改为您项目的父目录）：

cd C:/Users/your.name/projects
./clean.sh <project-name>

现在重新启动您的应用程序时，还尝试重置打包程序的缓存。

用纱线：

yarn start --reset-cache
yarn android

使用 npm：

npx react-native start --reset-cache
npx react-native run-android

Answer 9

使用react-native-splash-screen。我尝试了多种方法来解决此问题，但是它不起作用，我认为这是最好的方法。

Answer 10

我在模拟器中也遇到了同样的问题。因此，我要解决的方法是进入Android设置-应用-选择应用，然后强制停止它。然后，我尝试再次打开该应用程序，它开始起作用。

在执行此操作之前，我删除了/ android / app /下的'build'文件夹并重新运行。没有用。

Answer 11

对我来说，我的wifi在我的测试设备上已断开连接。

我必须确保运行react packager / server的计算机和设备都连接到相同的wifi网络。

Answer 12

我最近遇到了这种白屏问题

1。发布后始终显示白屏

“ npx react-native start” 然后

“ npx react-native run-android”

2。它在特定的几秒钟内显示白屏，或者突然在正常运行的应用程序中始终显示白屏

由于应用程序缓存或流量以及android较新版本，在某些情况下，当您将API与HTTP而不是HTTPS一起使用时

原因是较新的android版本更安全，并且它们尝试限制HTTP请求

解决方案是将此行添加到路径project\android\app\src\main\androidmanifest.xml：

android:usesCleartextTraffic="true"

反应原生白屏问题

12 个答案: