首页 > 解决方案 > 无法在 react-native 中使用嵌套的 ScrollView

问题描述

我正在尝试ScrollView在 react-native 中的另一个 ScrollView 中使用,甚至FlatList在另一个 FlatList 中使用。但这行不通!似乎不可能在另一个垂直中ScrollView使用垂直ScrollView或在另一个水平中使用水平:

<ScrollView>
    <View></View>
    <View>
       <ScrollView></SrollView> //---->OOOPPPSSS
    </View>
    <View></View>
</ScrollView>

每次我问这个问题时,每个人都会说:你不能用ScrollView在另一个!:| 我知道我不能,但有什么解决办法?我怎样才能做到这一点?

标签: javascriptreact-native

解决方案


对于外部 ScrollView 替代 ViewPagerAndroid 或https://github.com/react-native-community/react-native-viewpager(仅适用于 android!)

<ViewPagerAndroid>  // <-- use this for outer element in Android
    <View></View>
    <View>
       <ScrollView></ScrollView> 
    </View>
    <View></View>
</ViewPagerAndroid>

推荐阅读