react-native-actions-sheet icon indicating copy to clipboard operation
react-native-actions-sheet copied to clipboard

Transparent background color

Open minh-dai opened this issue 1 year ago • 5 comments

Screenshot 2023-12-04 at 16 48 50

i saw the library has containerStyle and i updated the backgroundColor is Transparent, but like an image, it has a white color in the background, What do I need to update?

minh-dai avatar Dec 04 '23 09:12 minh-dai

Screenshot 2023-12-04 at 16 52 24 it works in Ios, but not in an Android Platform

minh-dai avatar Dec 04 '23 09:12 minh-dai

@ammarahm-ed facing somewhat similar issue.... in my case however, the overlay/backdrop did not cover the whole screen background.

any ideas...?

Screenshot 2023-12-13 at 18 36 36 Screenshot 2023-12-13 at 18 42 22

noumantahir avatar Dec 13 '23 13:12 noumantahir

I'm encountering the same issue on Android

sabuhiteymurov avatar Dec 25 '23 06:12 sabuhiteymurov

You need to add "elevation={0}", it works for me:

<ActionSheet drawUnderStatusBar={true} defaultOverlayOpacity={0.3} useBottomSafeAreaPadding={Platform.OS === 'ios'} gestureEnabled={true} indicatorStyle={styles.indicatorStyle} containerStyle={styles.sheetContainer} elevation={0}> {children} </ActionSheet>

BachP85 avatar Mar 08 '24 04:03 BachP85

@BachP85 comment worked Saved me

elevation={0}

Onibenjo avatar Aug 20 '24 23:08 Onibenjo