react-native-reanimated-bottom-sheet icon indicating copy to clipboard operation
react-native-reanimated-bottom-sheet copied to clipboard

component with elevation gets overlap with modal on android

Open cakesoft-shivani opened this issue 5 years ago • 3 comments

rsz_screenshot_20200218-225100 This is how button gets overlap on modal

cakesoft-shivani avatar Feb 19 '20 07:02 cakesoft-shivani

Bottom sheet has a depth positioning based on a zIndex property, which may cause some problems on android when connected with elevation as you already noticed. In cases like that usually rearranging elements order or their positioning helps. If it doesn't work please provide a snack example or at least a code sample.

BrtqKr avatar Feb 21 '20 13:02 BrtqKr

If you are using native base button then please put elevation 0 in style props, because native base button default elevation is 2 you need to add into style elevation 0

<Button style={{elevation:0}}/>

aliwaqassi avatar Feb 29 '20 17:02 aliwaqassi

I Try to remove using elevation on parent component and add elevation to my child component and its work

alfathaulia avatar Apr 11 '21 15:04 alfathaulia