Android react native app displays white screen unless Chrome debug - react-native

My Android app on my Android emulator displays a white screen whenever it boots up, unless I press debug in Chrome, then my app runs fine. Is this normal behaviour? I'm running on a Mac.

Related

app made with react native works fine on expo simulator (ios) but for web shows only blank white screen

the app is working fine on expo (ios) simulator but is not working on web(w). only shows blank white screen
it was showing 404 so found this export NODE_OPTIONS=--openssl-legacy-provider
this made the web app from 404 to blank white screen

How can you get React Native logging to appear in the iPhone console (instead/in addition to the Xcode console)

If you have a console.log("some logging) code line in a React Native app (i.e. in Javascript) and run the app on an iPhone then you can see the logging appear inside what I'm going to call the Xcode console, or if you shake the app then in a browser.
However you cannot see that logging appear in what I'm going to call the iPhone console.
My question is - is there a way of adding logging to React Native code where the output is visible in the iPhone console in addition to the Xcode console.
Further information on what I mean by iPhone console:
If you interactively run an iOS app using Xcode, then there is a logging console displayed. What I am terming here as the Xcode console.
But if from within Xcode you choose the menu option Window | Devices and Simulators | Open Console" Then you can see full iPhone logging (i.e. what the system is logging in addition to what your app is logging.
This is what I'm calling the iPhone console.
Viewing it via XCode is not the only way of viewing or obtaining the iPhone logs, there are other ways too.
When you do iPhone native development and use NSLog() then it will log to both the Xcode console and the iPhone console, however when logging using React Native console.log() the logging only appears in the Xcode console.
I want logging code added to React Native Javascript code to additionally appear in the iPhone console.
First shake your Iphone then you can see this screen.
Then click Debug JS remotely button.
After you might see React Native Debugger page like this.
And then open your inspector[f12], and go to console tab debug it! :)

Debugging React Native IOS Version in Mac (NOT AN EXPO but react-native run-ios)

My React Native app works properly on Android. However for the iOS side/version of my React Native app, the SPLASH SCREEN shows up and gets stuck there.
I have put a console.log output on the componentDidMount of the First Screen of my App.
I have tried to use the SHAKE option on the iOS Simulator but for some reason the debug screen does not show up.
I would like to check why the app freezes but I don't even get any error showing on the simulator. I'm guessing that there might a error/feedback from the system in the console output but I don't know how to go to the debugging screen where the console.log will show up when one runs react-native run-ios.
How to display the screen/console where the console.log("WHATEVER") I put on the code will display its output????

react native not run in debug mode

I have a redmi note 3 device
When I connect device via usb and run react-native run-android this is what i've got
No red screen error
If I close the app , then run the packager and open it again I have the app works but debug menu not works by shaking or pressing menu button
What is going wrong here?

How to start android tablet preview in Mobile First Console

In Mobile First Console, how to start android tablet preview.
After building app and running on preview mode, by default android phone emulator is displayed. I want android tablet emulator to be previewed by default.
Please help.
You cannot change the default "skin". You can only select it after previewing the application's web resources.