react-native: Nested scrollview is not working in react native android but working in ios ?

<ScrollView>  
    <View> <Text>Hello</Text> </View> 
    <View><Text>Hello</Text>  </View> 
    <View><Text>Hello</Text>  </View> 
    <View><Text>Hello</Text>  </View> 
    <View>       
        <ScrollView>
            <View> <Text>Hello</Text> </View>         
            <View><Text>Hello</Text>  </View>         
            <View><Text>Hello</Text>  </View>          
            <View><Text>Hello</Text>  </View>      
        </ScrollView> 
    </View> 
</ScrollView>

About this issue

Original URL
State: closed
Created 9 years ago
Reactions: 11
Comments: 37 (9 by maintainers)

Most upvoted comments

I think @prashanthnani means to say it’s not scrolling. Same issue with me too.

+13

minkesh on May 5, 2016

Same issue here

Rashhh on Dec 8, 2016

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.

stale[bot] on Jan 7, 2018

Same issue here

colin3dmax on Jan 3, 2017

Same issue here

divyekhanna on Nov 19, 2016

I have same issue too, have any ways to solve ?

dc198689 on May 26, 2016

https://snack.expo.io/S11vIpHA-

Solution works for me, thank you, ashrithks

react-native: “0.48.4”

iksent on Nov 8, 2017

Any updates?

Cygnus2112 on Oct 25, 2017

any solutions?

urnotzhaoll on May 12, 2017

Stale bot is a nice way of reducing open issues count, but does it really help anybody? 🤬

Elijen on Jan 14, 2018

https://gist.github.com/ashrithks/8d97f928d92643468a26e29c4d2dbb67

try the above , expo link:- https://snack.expo.io/S11vIpHA-

hacky way

ashrithks on Oct 31, 2017

Any updates? 😃

boliveira on Oct 3, 2017

any updates?

shukerullah on Sep 22, 2017

any updates?

Rpeanut on Sep 2, 2017

Vertical inside vertical, or horizontal inside horizontal, is a native android problem, and there are a lot of hacky workarounds out there on stackoverflow of folks trying to fix it. I don’t know much more about that.

As far having a vertical inside horizontal (or vice versa), this also appears to be a native Android problem. ScrollView children are dependent on the parent scrollview “passing” the touch event to the child. But the parent is basically configured with a certain mTouchSlop (which I can’t find a way to override, even in native Java code), which causes it to absorb drags beyond that slop. Since the slop appears to be set low, it often prioritizes scrolling in the outer scrollview, and makes it difficult to scroll in the inner one.

No idea on a fix. In my case, I may need to revert back to using something like a react-native-viewpager (which handles the scroll thresholds itself in JS, and is roughly equivalent to the FlatList functionality I want). Though I recognize that only helps my specific use case, and probably won’t help most of you.

mikelambert on Jul 1, 2017