Question

我在Android设备上遇到嵌套scrollview的问题，但IOS OK

如何解决有关B滚动视图无法滚动的问题？

<ScrollView>  // A ScrollView
    <View><Text>Hello</Text></View> 
    <View><Text>Hello</Text></View> 
    <View><Text>Hello</Text></View> 
    <View><Text>Hello</Text></View> 
    <View>       
        <ScrollView> // B ScrollView
            <View><Text>Hello</Text></View>         
            <View><Text>Hello</Text></View>         
            <View><Text>Hello</Text></View>          
            <View><Text>Hello</Text></View>      
        </ScrollView> 
    </View>
</ScrollView>

Answer 1

如果可以选择将API 21作为最低目标，则可以升级到本机0.56.x，然后尝试new prop nestedScrollEnabled。

注意：它应在子滚动视图中使用，即

<ScrollView {...parentProps}>
  <ScrollView {...childProps} nestedScrollEnabled={true}>
  </ScrollView>
</ScrollView>

Answer 2

在内部ScrollView中添加“ nestedScrollEnabled = {true}”属性，它将按预期工作。

Answer 3

当你在android中运行app时，React-native ScrollView组件使用Android ScrollView。

默认情况下，Android ScrollView不支持嵌套滚动。您需要使用NestedScrollView来实现android中的嵌套滚动。

Answer 4

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

试试上面的，世博链接： - https://snack.expo.io/S11vIpHA-

hacky方式

Answer 5

在ScrollView中，将contentContainerStyle的样式设置为a：

它在android上适用于我。请告诉我它是否适合您。

React Native Nested ScrollView无法在Android设备上滚动

5 个答案: