[NativeStack] headerBlurEffect: "extraLight" has no effect

[stanleyoos]

Current behavior

I want to use headerBlurEffect in NativeStack with value "extraLight" , but it seems to have no effect

Screen.Recording.2024-08-07.at.09.46.38.mov

Expected behavior

I expect some blur effect, just like with "light" value

Reproduction

https://github.com/stanleyoos/native-stack-reproduction

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Packages

• @react-navigation/bottom-tabs
• @react-navigation/drawer
• @react-navigation/material-top-tabs
• @react-navigation/stack
• @react-navigation/native-stack
• react-native-tab-view

Environment

package	version
@react-navigation/native	6.1.18
@react-navigation/native-stack	6.11.0
react-native-safe-area-context	4.10.5
react-native-screens	3.31.1
react-native-gesture-handler	2.16.1
react-native-reanimated	3.10.1
react-native	0.74.3
expo	51.0.24
node	18.20.2
npm	10.5.0

[github-actions]

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• @react-navigation/native (found: 6.0.2, latest: 6.1.18)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[github-actions]

Hey! Thanks for opening the issue. Seems that this issue is related to react-native-screens library which is a dependency of React Navigation. Can you also post your issue in this repo so that it's notified to the maintainers of that library? This will help us fix the issue faster since it's upto the maintainers of that library to investigate it.