Monday, November 9, 2026
HomeiOS Developmentjavascript - Scrollview with react-native-modals just isn't working correctly on IOS

javascript – Scrollview with react-native-modals just isn’t working correctly on IOS

[ad_1]

I’ve a difficulty with scroll view inside Swipe mannequin utilizing react-native-modals. The issue is in Android the scrolling is easy and dealing completely. Nonetheless, with iOS scrolling is with brief quantity solely it scrolls for tiny quantity then it stops which means i’ve to repeat scrolling for 10 occasions over the display screen to view the underside with small contents solely. That is the code for the mannequin.

 <Modal
propagateSwipe={true}
seen={this.props.seen}
useNativeDriver={true}
modalAnimation={
  new SlideAnimation({
    initialValue: 0, // non-compulsory
    slideFrom: 'backside', // non-compulsory
    useNativeDriver: false, // non-compulsory
  })
}
fashion={stylesSwipeCard.modal}
rounded={true}
modalStyle={[
  stylesSwipeCard.customModal,
  this.props.customModalStyle,
  {maxHeight: height * this.props.height},
]}
onTouchOutside={() => this.props.closeModal(false)}
swipeDirection={['down']} // will be string or an array
swipeThreshold={100} // default 100
onSwipeOut={(occasion) => {
  this.props.closeModal(false);
}}
containerStyle={stylesSwipeCard.modalContainer}
footer={this.props.hasFooter && this.props.footerContent}>
<ModalContent fashion={stylesSwipeCard.modalContent}>
  <View
    fashion={[stylesSwipeCard.container, this.props.modalContainerStyle]}>
    <Picture supply={line_swipe} fashion={{alignSelf: 'heart'}} />

    <ScrollView>
      <TouchableHighlight>
        <TouchableWithoutFeedback>
          <View>{this.props.kids}</View>
        </TouchableWithoutFeedback>
      </TouchableHighlight>
    </ScrollView>
  </View>
</ModalContent>

Screenshot of modal content

I might respect any assist or solutions 😄. Thanks

[ad_2]

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments