ammarahm-ed / react-native-actions-sheet

A Cross Platform(Android, iOS & Web) ActionSheet with a flexible api, native performance and zero dependency code for react native. Create anything you want inside ActionSheet.
https://rnas.vercel.app
MIT License
1.42k stars 119 forks source link

Transparent background color #323

Open minh-dai opened 7 months ago

minh-dai commented 7 months ago

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 commented 7 months ago

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

noumantahir commented 7 months ago

@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
sabuhiteymurov commented 7 months ago

I'm encountering the same issue on Android

BachP85 commented 4 months ago

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}