'unable to set backgroundColor Transparent using screenOptions in React Naitve for iOS(React Navigation 6)

I am using custom drawer for my app where i am trying to keep the backgroundColor Transparent for which i tried the screenOptions as below but it is giving me white background for iOS. If anybody have gone through this issue then please help me fix this one. In android it is working fine as expected.

screenOptionsProps = {
    screenOptions: {
        drawerStyle: {
            width: Dimensions.get('window').width*0.6, 
            backgroundColor: 'rgba(0, 0, 0, 0)'
        },
        headerShown: false,
    },
}

CustomDrawerContent

const CustomDrawerContent = () => {
    return (
        <View style={{flex: 1}}>
        </View>
    )
}

I tried to find solution elsewhere too but not able to find anything suitable.

ios react-native

Solution 1:^[1]

Could you please give a try as below?

sceneContainerStyle={{backgroundColor: 'rgba(0, 0, 0, 0)'}}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	user409

'unable to set backgroundColor Transparent using screenOptions in React Naitve for iOS(React Navigation 6)

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]