White screen of death in my React Native app
I hope you can help me with this problem. Context: I am creating a native mobile application with React Native using Expo. The app works perfectly in the emulator, and after compiling, the login works correctly. However, after performing authentication and navigating to the home screen, this screen becomes completely white, preventing me from interacting with any of the components it contains. I researched and only found a page that talked about the white screen of death and suggested creating a component to handle this error. I did this and set it as the parent of my screen, but the error persisted. I entered each of the home components and handled the logic within try-catch blocks in case there was an error I wasn’t seeing, but the problem continued. I decided to start removing components, and I realized that the issue was specifically caused by the Tab Navigator from React Navigation, which contains 4 components within a Tab Screen child of the Tab Navigator. When I removed the Tab Navigator, my app rendered the home screen. I don’t know how to fix this error because I need the Tab Navigator to navigate between screens. This is the home screen:
Not able to cover Bottom Tab Navigator in React Native
I’m trying to create a sheet/modal that, when open, has a backdrop. The issue I’m facing is that my Bottom Tab Navigator and its header are not being overlayed by the Pressable component. I would like for this component to basically ignore any styling constraints from the parent (which is what I thought position absolute would do).