blocks|key|420289|text|在实际的android设备上运行应用程序，我有一步一步的操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420290|在IntelliJ中从应用程序文件夹中打开'android‘文件夹|ordered-list-item|420291|在IntelliJ中运行，目标:+USB设备|420292|完成.apk安装后，在app文件夹中右键单击，运行PowerShell，键入‘react本机运行-android’|420293|完成后，打开物理设备上的应用程序，摇到打开developer菜单，然后点击'Reload‘|420294|您还可以在设备上按住菜单按钮打开“开发人员”菜单(在应用程序运行时)。|420295|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|Q|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|R|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|T|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

There is step-by-step what I do to run app on physical android device:

<ol>
<li>Open 'android' folder from app folder in IntelliJ</li>
<li>Run in IntelliJ, target: USB device</li>
<li>After .apk finish installing, shift-right click in app folder, run PowerShell, type 'react-native run-android'</li>
<li>After it finish, open app on physical device, shake it to open developer menu, and hit 'Reload'</li>
</ol>

you can also hold menu button on your device to open developer menu(while app is running)

blocks|key|1265870|text|使用“react本机init”命令来创建项目，因为它只构建了react原生的，而不是expo和其他节点模块，然后为特定的平台构建例如。在我的例子中，“react原生运行-android”就可以工作了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1265871|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Use "react-native init" command for the creating the project as it only build react-native not expo and the other node modules for you and then build for the particular platforms for eg. in my case "react-native run-android" and it works.

blocks|key|420342|text|使用反应-本机-溅-屏。我尝试了很多方法来解决这个问题，但是它没有起作用，我认为这是最好的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|420343|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/crazycodeboy/react-native-splash-screen^0|2|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Use <a href="https://github.com/crazycodeboy/react-native-splash-screen" rel="nofollow noreferrer">react-native-splash-screen</a>. I try many ways to fix this issue but it's not working and i think this is the best way.

blocks|key|420360|text|如果Debug+JS+Remotely是打开的，那么我们也会看到空白屏幕。我最近遇到了这个问题。因此，请检查您是否已经在运行Debug+JS+Remotely。如果您已经在运行它，那么只需停止远程调试。它会成功的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|420361|entityMap^0|2|H|1Q|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

If <code>Debug JS Remotely</code> is on then also we see the blank screen. I have recently come across this issue. So check if you are already running <code>Debug JS Remotely</code>. If you are running it already then just stop remote debugging. And it will work.

blocks|key|22981|text|运行反应-本机启动在一个单独的终端，然后运行反应-本机运行-android。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|22982|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

run react-native start in a separate terminal and then run react-native run-android.

blocks|key|420387|text|我最近遇到了两种白屏幕问题|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420388|1.总是显示白色屏幕(由于捆绑)解决方案是|420389|react-native+start+|code-block|syntax|javascript|420390|然后|420391|react-native+run-android+|420392|2.在正常工作的应用程序中，它会显示一些特定的秒或突然显示白色屏幕。|420393|由于应用程序缓存或通信量|420394|解决方案是|420395|Androidmanifest.xml|420396|android:usesCleartextTraffic="true"|420397|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|14|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|16|8|@]|9|@]|A|$]]|$1|U|3|V|5|F|7|17|8|@]|9|@]|A|$G|H]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

i recently faced two kind of white screen problem
1.always showing white screen (due to bundling..)
solutions is
<pre><code>react-native start 
</code></pre>
and then
<pre><code>react-native run-android 
</code></pre>
2.it shows white screen some particular seconds or suddenly always shows white screen in properly working app
due to app cache or traffic
solutions is
Androidmanifest.xml
<pre><code>android:usesCleartextTraffic=&quot;true&quot;
</code></pre>

blocks|key|420440|text|在我的例子中，正在用我的手机进行测试和开发，突然出现了白屏问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420441|该应用程序根本没有加载，没有错误，没有代码更新，只有白色屏幕出现后，npx反应-本机运行-android。|420442|我的解决方案是清除正在从缓存加载的电话缓存。|420443|我重新启动我的手机，然后清除所有缓存，然后它对我起作用。|420444|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

In my case, was using my Phone to test and develop, and suddenly white screen issue appeared.
The app was not loading at all, no error, no code update only white screen comes up after npx react-native run-android.
My solution was to clear the phone cache as it was loading from cache.
I restarted my phone then cleared all cache and then it worked for me.

blocks|key|420471|text|我在模拟器中也面临着同样的问题。所以我解决这个问题的方法是进入Android设置-应用程序-选择应用程序，并强制停止它。然后我又试着打开这个应用程序，它成功了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420472|在此之前，我删除了/android/app/下的“build”文件夹，然后重新运行。不起作用。|420473|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I also faced same issue in the emulator. So the way I solved it is by going into Android settings - Apps - select the app, and force stop it. Then I tried opening the app again and it worked. 
Before I did this, I removed the 'build' folder under /android/app/ and re-ran. Did not work.

blocks|key|1266013|text|对我来说，我的无线网络在我的测试设备上断开了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1266014|我必须确保我的计算机运行的反应包/服务器和我的设备连接到同一个无线网络。|1266015|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

For me my wifi was disconnected on my test device.
I had to make sure both my computer running the react packager/server and my device were connected to the same wifi network.

blocks|key|23020|text|我最近遇到了这种白屏幕问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23021|1.总是在发布后显示白色屏幕。|23022|"npx反应-本机启动“，然后|23023|npx+react原生运行-android|23024|2.它显示白色屏幕的特定秒，或突然在正常工作的应用程序中显示白色屏幕。|23025|由于应用程序缓存或流量以及android更新版本，在某些情况下，当您使用带有HTTP的API而不是HTTPS时，|23026|原因是较新的android版本更安全，他们试图限制HTTP请求|23027|解决方案是在路径project\android\app\src\main\androidmanifest.xml中添加这一行。|offset|length|style|CODE|23028|android:usesCleartextTraffic="true"|code-block|syntax|javascript|23029|entityMap^0|0|0|0|0|0|0|0|8|1C|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|12|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|13|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|15|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|16|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|17|8|@$P|18|Q|19|R|S]]|9|@]|A|$]]|$1|T|3|U|5|V|7|1A|8|@]|9|@]|A|$W|X]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

I have recently faced this kind of white screen problem
1.always showing white screen after Release
&quot;npx react-native start&quot;
and then
&quot;npx react-native run-android&quot;
2.it shows white screen some particular seconds or suddenly always shows the white screen in a properly working app
due to app cache or traffic and android Newer version also in some case when you are using API with HTTP instead of HTTPS
The reason is that newer android versions are more secure and they try to restrict HTTP request
solutions are
add this line in path <code>project\android\app\src\main\androidmanifest.xml</code>:
<pre><code>android:usesCleartextTraffic=&quot;true&quot;
</code></pre>

blocks|key|420586|text|对于我来说，经常解决这个问题的一件事是重新安装您的node_modules文件夹并清理您的gradle构建。但是，如果您遇到这个问题一次或多次，可以手动执行，请考虑运行一个shell脚本来自动化这个过程。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420587|创建一个名为clean.sh的文件并将其粘贴到内部：|offset|length|style|CODE|420588|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+..|code-block|syntax|javascript|420589|如果使用npm，将上面的“纱线”改为“npm”。。|BOLD|420590|将上面的文件放在项目的父目录中(如果您的项目位于C:\Users\your.name\projects\project1，则将clean.sh文件放在C:\Users\your.name\projects\)。|420591|要运行脚本，在Git+Bash或Unix终端内部运行以下命令(确保将下面目录的名称更改为项目的父目录)：|420592|cd+C:/Users/your.name/projects
./clean.sh+<project-name>|420593|现在，在重新启动应用程序时，请尝试重新设置打包程序的缓存。|420594|与纱线：|420595|yarn+start+--reset-cache
yarn+android|420596|与国家预防机制：|420597|npx+react-native+start+--reset-cache
npx+react-native+run-android|420598|entityMap^0|0|6|8|0|0|0|O|0|O|10|1R|8|23|S|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|18|8|@$D|19|E|1A|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1B|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1C|8|@$D|1D|E|1E|F|O]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1F|8|@$D|1G|E|1H|F|G]|$D|1I|E|1J|F|G]|$D|1K|E|1L|F|G]]|9|@]|A|$]]|$1|R|3|S|5|6|7|1M|8|@]|9|@]|A|$]]|$1|T|3|U|5|J|7|1N|8|@]|9|@]|A|$K|L]]|$1|V|3|W|5|6|7|1O|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|1P|8|@]|9|@]|A|$]]|$1|Z|3|10|5|J|7|1Q|8|@]|9|@]|A|$K|L]]|$1|11|3|12|5|6|7|1R|8|@]|9|@]|A|$]]|$1|13|3|14|5|J|7|1S|8|@]|9|@]|A|$K|L]]|$1|15|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]]|16|$]]

One thing that often resolves this problem for me is re-installing your node_modules folder and cleaning your gradle build. You can do this manually, however, if you've run into this problem once or many times, consider running a shell script to automate this process.
Create a file called <code>clean.sh</code> and paste this inside:
<pre><code>echo &quot;Removing node modules from $1 then reinstalling...&quot;
cd $1
rm -rf node_modules
yarn install
echo &quot;Cleaning gradle project...&quot;
cd android
./gradlew clean
cd ..
</code></pre>
If using npm, change &quot;yarn&quot; above to &quot;npm&quot;.
Put the file above in the parent directory of your project (if your project is located at <code>C:\Users\your.name\projects\project1</code> put the <code>clean.sh</code> file at <code>C:\Users\your.name\projects\</code>).
To run the script, inside of Git Bash or your Unix terminal run this (make sure to change the name of the directory below to the parent directory of your project):
<pre><code>cd C:/Users/your.name/projects
./clean.sh &lt;project-name&gt;
</code></pre>
Now when restarting your app, try also reset the packager's cache.
With yarn:
<pre><code>yarn start --reset-cache
yarn android
</code></pre>
With npm:
<pre><code>npx react-native start --reset-cache
npx react-native run-android
</code></pre>

blocks|key|1266169|text|在android文件夹上运行./gradlew干净的，然后从手机上卸载这个应用程序对我有用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1266170|entityMap^0|E|C|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Running ./gradlew clean on android folder and then uninstalling the app from the phone worked for me.

blocks|key|420666|text|在我的情况下，我有一个地铁终点站运行，从我以前的项目。关闭它并再次运行新项目解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420667|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

In my case I had a metro terminal running from my previous project. closing it and running the new project again solved the issue.

blocks|key|23013|text|它找不到它的导航失败。你应该检查导航。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23014|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

It can not find its navigation's rout. You should check the navigation.

blocks|key|23092|text|就我而言：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|23093|他说:我尝试了npx的反应-本机开始运行地铁。|23094|2:然后在cmd中编写npx+react-原生运行-android，仍然有一个白色的空白屏幕。|23095|他说:我仍然面临同样的问题，然后我总是评论每一个组件，并自动解决错误。这是我用过的最好的技术。|23096|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

In my case:
1: I tried npx react-native start to run metro.
2: Then write npx react-native run-android in cmd, there was still a white blank screen.
3: I still faced the same issues, then I always comment on every single component, and automatically, I resolve the error. This is the best technique I ever used.

blocks|key|420746|text|如果您想让它在Android设备上工作，请确保您首先尝试清除应用程序的缓存，如果重新安装并不重要。只有在清除缓存后才尝试其他答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|420747|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you are trying to get it working on a Android device, make sure you have first tried to clear cache for the App, doesn't matter if reinstalled.
Try the other answers only after you have cleared cache.

Always getting white blank screen when running the app on the physical device in android case. Using <code>react-native-navigation</code> can't able to detect the bug please help!

I have created a fresh <code>react-native</code> project and integrated the <code>react-native-navigation</code> library into it and when I am running the app in my physical device by running the command <code>yarn run android</code> it runs but shows blank white screen in android. Once it runs successfully but now it won't.

React Native white blank screen issue

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

在android情况下，在物理设备上运行应用程序时，总是会出现白色的空白屏幕。使用react-native-navigation无法检测到错误，请帮助！我创建了一个新的react-native项目，并将react-native-navigation库集成到其中。当我在物理设备中运行该应用程序时，运行的命令是yarn r...

问对本机白屏问题作出反应
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对本机白屏问题作出反应EN