react-native: The ScrollView in Scrollview can not scroll on android

Issue Description

The code struct is like below

  <ScrollView>
       <ScrollView>
          something...
       </ScrollView>
       ...
 </ScrollView>

The Inner scrollview would never catch any events and repsond to scroll inner, the outer scrollveiw catch all the scroll events

I seached from some issues but not work https://github.com/facebook/react-native/issues/41

Also I set panRepsoner of innter srollview , not work.

Something else , It’s ok on ios

Additional Information

React Native version: 0.31
Platform(s) (iOS, Android, or both?): [android]
Operating System (macOS, Linux, or Windows?): [mac]

About this issue

Original URL
State: closed
Created 8 years ago
Reactions: 6
Comments: 28 (3 by maintainers)

Most upvoted comments

componentWillMount(){
    this._panResponder = PanResponder.create({
      onMoveShouldSetResponderCapture: () => true,
      onMoveShouldSetPanResponderCapture: () => true,
      onPanResponderGrant: (e, gestureState) => {
        this.fScroll.setNativeProps({ scrollEnabled: false })
      },
      onPanResponderMove: () => {

      },
      onPanResponderTerminationRequest: () => true,
      onPanResponderRelease: () => {
        this.fScroll.setNativeProps({ scrollEnabled: true })
      },
    })
} 

<ScrollView ref={(e) => { this.fScroll = e }} >    
  <ScrollView 
    {...this._panResponder.panHandlers}
    onScrollEndDrag={() => this.fScroll.setNativeProps({ scrollEnabled: true })} >
  </ScrollView>
</ScrollView>

#1046

titianqx on Apr 14, 2018

@falltodis I’m closing this issue since there hasn’t been any activity on it in a couple months. If this issue still persists reopen and I’ll track down someone to review.

ericnakagawa on Jan 12, 2017

@ericnakagawa I think you should open this issue!

falltodis on Mar 20, 2018