Question

所以我正在开发一个移动地图应用程序，用户流程如下：

1）用户会看到一组图块

2）用户点击任何元素

3）用户滑动以继续下一个图块。

代码基于http://rnplay.org/apps/psad7g（发布此信息是因为您可以通过在此处滚动和点击卡片来重现它，因此也可以在此处测试潜在的修复），如下所示：

AlertView

图块始终是SCREEN_WIDTH * 0.5，因此我将其捕捉到下一个图块。但是，如果在动画仍在进行时点击，则滚动条将重置为它来自的位置。我可以使用任何设置来防止这种情况吗？

我看过增加减速率，但这会禁用捕捉。

感谢您的帮助！

Answer 1

我通过添加pagingEnabled={true}

解决了这个问题

代码：

<ScrollView
        style={styles.mappingContainer}
        automaticallyAdjustInsets={false}
        horizontal={true}
        decelerationRate={0}
        pagingEnabled={true}
        snapToInterval={GLOBAL.SCREEN_WIDTH*0.5}
        snapToAlignment="start"
        contentContainerStyle={styles.wrapper}>
        {rows}
</ScrollView>

在React Native中使用ScrollView时触摸禁用滚动取消

1 个答案: