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

tom*_*hoo 5 javascript reactjs react-native

我在Android设备上有关于嵌套滚动视图的问题,但是IOS正常

如何解决有关B scrollview无法滚动的问题?

<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>
Run Code Online (Sandbox Code Playgroud)

Alb*_*rta 23

如果可以选择将API 21作为最低目标,则可以升级到本机0.56.x并尝试使用新的prop nestedScrollEnabled

注意:它应在子滚动视图中使用,即

<ScrollView {...parentProps}>
  <ScrollView {...childProps} nestedScrollEnabled={true}>
  </ScrollView>
</ScrollView>
Run Code Online (Sandbox Code Playgroud)

  • 嵌套水平 ScrollView 已确认在 Android 上不起作用 - 有关示例,请参阅 https://snack.expo.io/@harrytravelchime/827f87。事实上,即使对于本机组件来说,这也是一个大问题:/sf/ask/3135884811/​​ntal/44798533 (2认同)

小智 7

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


Jic*_*son 3

当您在 android 中运行应用程序时, React-native ScrollView 组件使用 Android ScrollView

Android ScrollView 默认不支持嵌套滚动。android中需要使用NestedScrollView来实现嵌套滚动。

  • 谢谢,但是如何在我的 React Native 案例中使用 NestedScrollView ? (3认同)