react-native – React本机嵌套ScrollView锁定

最新推荐文章于 2025-06-13 11:18:13 发布

原创

最新推荐文章于 2025-06-13 11:18:13 发布 · 848 阅读

1 ·

CC 4.0 BY-SA版权

在React Native中，遇到嵌套ScrollView时遇到了滚动问题。外层ScrollView正常工作，但内层ScrollView在手指移动时无法正确响应。当滚动并尝试再次触摸时，内层ScrollView停止滚动。初步判断可能与响应者系统有关。更新表明，添加了onResponderMove监听器导致了问题，外部ScrollView在某些情况下占据了控制权。寻求解决方案，如何在尝试垂直滚动时防止外层ScrollView拦截触摸事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我试图在React Native中嵌套ScrollViews;具有嵌套垂直卷轴的水平滚动。

以下是一个例子：

var Test = React.createClass({
    render: function() {
        return (
            <ScrollView
                style={
  
  {width:320, height:568}}
                horizontal={true}
                pagingEnabled={true}>

                {times(3, (i) => {
                    return (
                        <View style={
  
  {width:320, height:568}}>

                            <ScrollView>
                                {times(20, (j) => {
                                    return (
                                        <View style={
  
  {width:320, height:100, backgroundColor:randomColor()}}/>
                                    );
                                })}
                            </ScrollView>

                        </View>
                    );
                })}