Issue with scroll and swipe

[atifaziz1]

I am using react-native modal, v11.4.0.

react-native: 0.63.3.
Platform: Ios and Android.

I am facing issue two issues.

For IOS and Android:

1. if offset is greater than 0, modal swipe down didn't work.

Only for Android:

1. offset is not persist, when i release scroll and try to again scroll, offset turn to zero again.
   Inside Modal, i have scrollview.

Hope you understand my issue and will help me.

[davidseek]

A few code examples and maybe a quick gif of the problem might get you more reactions.

[mmazzarolo]

Hi!
I'm closing this issue because it's a question and not a bug report. Please don't take it personally, I'm just trying to make it easier to maintain this project by separating questions from bug reports 🙏.
If you're still looking for feedback/answers, could you please ask your question in a new discussion?
Thank you!

[Nestor231]

hi @mmazzarolo , im having similar issues on my end as well. I have a modal that i have enabled swipeDirection down behavior, which has a child scrollview in it.

If I don't enable the swipe function in the modal, the scrollview works, but if swipe function in modal is enabled,
scrollview does not work (or works only when another interactive component (textfield,slider thumb,etc.) has been pressed and held, then dragged)

[RuzenDev]

AM having the same issue...

Swipe works = Scroll Not Working

Scroll works = Swipe Not Working

[JimTeva]

@atifaziz1 , @Nestor231 , @RuzenDev I just noticed this prop: propagateSwipe, set it to true

[MussadiqAli]

1. Pass propagateSwipe prop to ReactNativeModal
2. Use Pressable inside Scrollview,
3. Add your scrollable content inside Pressable, so Scoll will work fine.
4. you can swipe outside of Scrollview area.

example:
`
<ReactNativeModal
backdropColor="rgba(50, 62, 72, 0.6)"
backdropOpacity={1}
statusBarTranslucent
swipeDirection={'down'}
propagateSwipe
onSwipeComplete={() => setShow(false)}
useNativeDriver={true}
isVisible={show}>

  <View >
    <View>
         {/*   Swipe will work here  */}
    </View>
    <ScrollView>
      <Pressable>
         {/* Place Scrollable Content here */}
      </Pressable>
    </ScrollView>
  </View>

</ReactNativeModal>

`