look this video of current scrolling behavior. i want, as soon as finger is lifted from screen, to disable scrolling.

Edit: the video shows a user scrolling through a list. When the finger is lifted from the screen, you see the scrolling continues up or down for a short time.

look this video of current scrolling behavior. i want, as soon as finger is lifted from screen, to disable scrolling.

Edit: the video shows a user scrolling through a list. When the finger is lifted from the screen, you see the scrolling continues up or down for a short time.

• javascript
• react-native
• scrollview

Share Improve this question Follow edited Dec 5, 2017 at 0:27 leanne 8,80911 gold badge5757 silver badges8181 bronze badges asked Dec 4, 2017 at 14:49 Andrey ShostikAndrey Shostik 19422 silver badges1313 bronze badges 1

• Added an explanation of the video. This way, readers don't have to leave this page to understand what you're looking for. Also, if the video is unavailable for some reason, people still can understand your question. – leanne Commented Dec 5, 2017 at 0:27

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

I think what you need is:

<ScrollView
  bounces={false}
  />

This way when you scroll finished, the scroll animation will not continue and immediately stopped.

What I believe you want is basically to stop the scroll when momentum beings. For that, you can use the onMomentumScrollBegin callback on your ScrollView and call .scrollToEnd({animated: false}) on it.

Here's how that would look:

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

i think u mean stop scrolling once user lifts his finger try :

<ScrollView 
  ...

  decelerationRate = {0}
  />

check docs