[vision-os] background blur overlay when focusing SearchBar

[kanapan]

Description

When focusing on the SearchBar component, a background blur effect is applied to the content behind it. This behavior is undesirable for certain use cases, and there is currently no straightforward way to disable or customize the blur effect.

Is there a way to address this issue or any workaround to disable or modify the blur effect?

Steps to reproduce

1.Render a screen with a SearchBar.
2.Focus the SearchBar.
3.Observe the background content being blurred.

code

import { useRef, useState } from 'react';

import HomeScreen from '../../screens/home/home-screen';
import type React from 'react';
import type { SearchBarCommands } from 'react-native-screens';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

export type HomeNavigatorParamList = {
  Home: { searchQuery: string };
};

const Stack = createNativeStackNavigator();

const HomeNavigator = (): React.ReactElement => {
  const searchBarRef = useRef<SearchBarCommands>(null);
  const [searchQuery, setSearchQuery] = useState('');

  return (
    <Stack.Navigator>
      <Stack.Screen
        name="HomeScreen"
        component={HomeScreen}
        options={({ navigation }) => {
          return {
            title: 'Home',
            headerTransparent: true,
            headerSearchBarOptions: {
              placement: 'inline',
              obscureBackground: false,
              ref: searchBarRef,
            },
            contentStyle: {
              backgroundColor: 'transparent',
            },
          };
        }}
      />
    </Stack.Navigator>
  );
};

export default HomeNavigator;

Screens version

4.3.0

React Native version

0.76.5

Platforms

VisionOS

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.