Question

look this video of current scrolling behavior。我希望，一旦手指从屏幕上抬起，就禁用滚动。

编辑：视频显示用户滚动列表。当手指从屏幕上抬起时，您会看到滚动持续向上或向下短时间。

Answer 1

我相信你想要的基本上是在动量出现时停止滚动。为此，您可以在ScrollView上使用onMomentumScrollBegin回调并在其上调用.scrollToEnd({animated: false})。

这是看起来的样子：

<ScrollView
  ref={(ref) => this.scrollView = ref}
  scrollEnabled={this.state.scroll}
  onMomentumScrollBegin={
    () => this.scrollView.scrollToEnd({animated: false})
  }
 >
   ...CONTENT HERE...
 </ScrollView>

Answer 2

我认为你需要的是：

<ScrollView
  bounces={false}
  />

这样滚动完成后，滚动动画将不会继续并立即停止。

Answer 3

我认为您的意思是一旦用户抬起手指就停止滚动尝试：

<ScrollView 
  ...

  decelerationRate = {0}
  />

check docs

如何在ScrollView中停止滑动？

3 个答案: