react-native-blur icon indicating copy to clipboard operation
react-native-blur copied to clipboard

White Screen on Android When Navigating to Second Screen

Open zeeshan724 opened this issue 8 months ago • 7 comments

I used this package, and it's pretty good, but it causes an issue on Android. When I navigate from the first screen to the second screen, the second screen shows a white screen. Can you please check and resolve it?

zeeshan724 avatar Mar 25 '25 12:03 zeeshan724

Same issue

ducpv-mobile avatar Mar 27 '25 12:03 ducpv-mobile

Same here

"react-native": "0.75.4", "@react-native-community/blur": "4.4.1",

burakaydinofficial avatar Mar 30 '25 16:03 burakaydinofficial

Same issue

"react-native": "0.72.6", "@react-native-community/blur": "^4.4.1",

javirdz avatar Apr 12 '25 15:04 javirdz

same issue

carozo avatar Apr 30 '25 14:04 carozo

same issue

sean5940 avatar Jun 17 '25 05:06 sean5940

I'm not sure, but.. In the RootStackNavigator, declaring the problematic <RootStack.Screen/> as the very first entry inside the <RootStack.Navigator/> resolves the issue.

JaeEeLee avatar Jun 17 '25 05:06 JaeEeLee

same issue here

"react-native": "0.76.9" "@react-native-community/blur": "^4.4.1"

samuelhenshaw2020 avatar Jul 07 '25 12:07 samuelhenshaw2020

I'm not sure, but.. In the RootStackNavigator, declaring the problematic <RootStack.Screen/> as the very first entry inside the <RootStack.Navigator/> resolves the issue.

what do you mean?

samuelhenshaw2020 avatar Jul 07 '25 12:07 samuelhenshaw2020

If you put animation to 'none' then it works fine on android (no blank screen) <Stack screenOptions={{ animation: "none", }} />

Bogdastotel avatar Jul 30 '25 12:07 Bogdastotel

If you put animation to 'none' then it works fine on android (no blank screen) <Stack screenOptions={{ animation: "none", }} />

I dont know how but this worked for me in android. Thank u so much man.

projectninjatech avatar Sep 17 '25 09:09 projectninjatech

<Stack.Navigator screenOptions={{ headerShown: false, animation:"none" }}> use this in your react navigation animation: none and it will work the whole screen going blank or screen going washed out will be resolved

projectninjatech avatar Sep 17 '25 09:09 projectninjatech

If you put animation to 'none' then it works fine on android (no blank screen) <Stack screenOptions={{ animation: "none", }} />

This works for me! 🚀✨ Thanks to You! @Bogdastotel

trushal-dev1111 avatar Sep 18 '25 11:09 trushal-dev1111

Hi, I created and recommend using this library: https://github.com/DanielAraldi/react-native-blur-view. It resolved this problem.

DanielAraldi avatar Oct 07 '25 13:10 DanielAraldi