Why i have blur image

[gaweki]

hello admin, i have blur image like below,
1.

this is first navigation bar after click open the app, the image shows blurry
2.

then the navigation bar changing like this(not execute the .hide() yet). i have clear image

what happens here?

thank you in advance

[zoontek]

@gaweki That's because it uses the Android SplashScreen API.

Since Android 12, to improve (in a fake way) app launch time, the system uses some styles attributes (windowSplashScreenBackground, windowSplashScreenAnimatedIcon, etc) to display a compressed, low on memory splash screen until your app really launch:

That's also why react-native-bootsplash has limited customization options: more complex stuff are not possible with the system handled part of the splash screen (background with a gradient, full screen image, etc).