lawnstarter / react-native-picker-select

🔽 A Picker component for React Native which emulates the native <select> interfaces for iOS and Android
https://npmjs.com/package/react-native-picker-select
MIT License
1.74k stars 497 forks source link

[iOS] Scrolling through items swipes parent modal up and down #473

Open FelixBaum opened 2 years ago

FelixBaum commented 2 years ago

Describe the bug
I have several pickers in a modal component and everytime I open the picker on iOS and scroll through the list of items, the modal component will reflect the swipe gesture.

To Reproduce
Steps to reproduce the behavior:

  1. Put a picker onto a modal component
  2. Open the picker and scroll through the items

Expected behavior
The modal component should not reflect the swipe gesture.

Screenshots
Here is a video of the issue: https://user-images.githubusercontent.com/12943469/148595036-73535324-fd7d-4671-ba6c-cd831f55a84a.mov

Additional details

Reproduction and/or code sample
import Modal from 'react-native-modal';

<Modal swipeDirection={['up', 'left', 'right', 'down']} isVisible={true} animationIn="slideInUp" animationOut="slideOutDown"> <View> <RNPickerSelect value={selectedItem?.value} items={items} onValueChange={onValueChanged}/> </View> </Modal>

wanted6610 commented 2 years ago

finded solution?