Transparent background color
minh-dai opened this issue · comments
@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](https://private-user-images.githubusercontent.com/6298342/290207789-0b138ba4-742c-494d-9845-a840d936e625.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwNDEwMjksIm5iZiI6MTcxOTA0MDcyOSwicGF0aCI6Ii82Mjk4MzQyLzI5MDIwNzc4OS0wYjEzOGJhNC03NDJjLTQ5NGQtOTg0NS1hODQwZDkzNmU2MjUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjJUMDcxODQ5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9Njk2MTFhNzY4NTdjNDlmZmQyOThmOTE4N2VlMzA4NWMzYjA1ODBjZTE2MzEyMDUwNjE0NmVlOGJhYzQ5NzVjMSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Earz6Qaqswqa5tqai__4zkrYG2DVnn5ZUbr5fOfIsOI)
![Screenshot 2023-12-13 at 18 42 22](https://private-user-images.githubusercontent.com/6298342/290208797-1c7abb79-b41d-4100-8104-3414a173e2fe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkwNDEwMjksIm5iZiI6MTcxOTA0MDcyOSwicGF0aCI6Ii82Mjk4MzQyLzI5MDIwODc5Ny0xYzdhYmI3OS1iNDFkLTQxMDAtODEwNC0zNDE0YTE3M2UyZmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDYyMiUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA2MjJUMDcxODQ5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NWZkNDFmYTQ3Y2I0ZGIxNjNkMDVjYzZjYTViZDVmZDQzYWRiNmRkZGFiYjBiM2ZiN2Q1M2I1MDlmZmYyMjRlNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.StH4gFNN2vIwtDzMA4agNlwslUHeGIfc_fyeu9llLGY)
I'm encountering the same issue on Android
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}