Describe the bug
The issue is occurring in the Android release APK. After launching the app, the blur overlay intermittently renders across the entire screen instead of being constrained to its parent component. Additionally, the overlay opacity changes unexpectedly, causing inconsistent visual behavior. In some cases, the opacity becomes so high that the underlying screen content is completely obscured and not visible. This issue occurs sporadically during the initial app launch/navigation flow and remains reproducible in the latest release build.
To Reproduce
Steps to reproduce the behavior:
1- Install and launch the Android release APK.
2- Navigate to a screen that contains the blur overlay.
3- Repeat launching the app or navigating through the initial flow multiple times.
4- Occasionally, when the navigation stack is mounted, the blur overlay renders across the entire screen instead of its parent component.
5- In some occurrences, the blur overlay opacity is significantly higher than expected, making the underlying screen content completely invisible.
Expected behavior
The blur overlay should always remain constrained to its parent component, with a consistent opacity across all app launches and navigation flows. It should render correctly when the navigation stack is mounted and should never expand to cover the entire screen or obscure the underlying content.
Versions:
"react-native": ["0.83.1",]
"@sbaiahmed1/react-native-blur": "^4.6.3",
Device:
Pixel 7a - 16
Screenshots
Describe the bug
The issue is occurring in the Android release APK. After launching the app, the blur overlay intermittently renders across the entire screen instead of being constrained to its parent component. Additionally, the overlay opacity changes unexpectedly, causing inconsistent visual behavior. In some cases, the opacity becomes so high that the underlying screen content is completely obscured and not visible. This issue occurs sporadically during the initial app launch/navigation flow and remains reproducible in the latest release build.
To Reproduce
Steps to reproduce the behavior:
1- Install and launch the Android release APK.
2- Navigate to a screen that contains the blur overlay.
3- Repeat launching the app or navigating through the initial flow multiple times.
4- Occasionally, when the navigation stack is mounted, the blur overlay renders across the entire screen instead of its parent component.
5- In some occurrences, the blur overlay opacity is significantly higher than expected, making the underlying screen content completely invisible.
Expected behavior
The blur overlay should always remain constrained to its parent component, with a consistent opacity across all app launches and navigation flows. It should render correctly when the navigation stack is mounted and should never expand to cover the entire screen or obscure the underlying content.
Versions:
"react-native": ["0.83.1",]
"@sbaiahmed1/react-native-blur": "^4.6.3",
Device:
Pixel 7a - 16
Screenshots
