react-native-deck-swiper icon indicating copy to clipboard operation
react-native-deck-swiper copied to clipboard

View takes up the whole screen.

Open aliraza96 opened this issue 4 years ago • 2 comments

View takes up the whole screen. Cannot remove the blue background from the screen. Can anyone help ? And gestures also works on the whole screen. So anyway to limit it's height ?

aliraza96 avatar Nov 24 '21 15:11 aliraza96

Hello, to remove the blue background just give the prop backgroundColor={"transparent"} For the gesture that takes the whole screen you can give it a marginBottom= screen height, but that's a hack, I'm actually looking for a better solution

And to control it's height, use the prop containerStyle Example: <Swiper containerStyle={{ height: height / 2 + 60, {/* your desired height goes here,and don't forget to tweak the card height according to this* /} overflow: 'hidden', }} ...otherProps />

FatjonRrapaj avatar Mar 04 '22 21:03 FatjonRrapaj

Hello, to remove the blue background just give the prop backgroundColor={"transparent"} For the gesture that takes the whole screen you can give it a marginBottom= screen height, but that's a hack, I'm actually looking for a better solution

And to control it's height, use the prop containerStyle Example: <Swiper containerStyle={{ height: height / 2 + 60, {/* your desired height goes here,and don't forget to tweak the card height according to this* /} overflow: 'hidden', }} ...otherProps />

You find a better solution to fixing the gesture handler taking up the whole screen?

devinhadley avatar Sep 10 '23 16:09 devinhadley