2017-12-04 20 views
2

look this video of current scrolling behavior。私は、画面から指を離すと、スクロールを無効にしたい。ScrollViewでスワイプを止める方法は?

編集:ビデオは、ユーザーがリストをスクロールすることを示します。指が画面から持ち上がると、短時間スクロールが上下していることがわかります。

+0

ビデオの説明が追加されました。このように、読者はあなたが探しているものを理解するためにこのページを離れる必要はありません。また、ビデオが何らかの理由で利用できない場合、人々は依然としてあなたの質問を理解することができます。 – leanne

答えて

1

私は何が必要だと思うです:

<ScrollView 
    bounces={false} 
    /> 

あなたは完成スクロールこの方法で、スクロールアニメーションが継続するとすぐに停止しません。

+0

@ Vaに戻ってきます。テストしましたが、実際には修正しようとしていませんもう少し別の問題は、plsビデオを見てdrive.google.com/open?id=15hHKWDiilLf-FG1zUO3OOWjd677nz2Fkスクロールが1つ1つのアイテムを発生する必要があります、私はすぐに間違った項目にスクロールし、右に戻るitem –

+0

私はあなたのビデオを見ました。それは 'ScrollView'についてではないように見えます。あなたが使っているView Pagerライブラリに関するものです。 – Val

+0

今FlatListを使用しています。ありがとうございます。それは私が探しているものです。 –

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> 
+0

私はスワイプのスクロールを無効にする必要があります。スクロールして画面上に指を置くと、スクロールが利用可能になるはずです。指のスクロールが継続しないとスクロールしません。 –

+0

@АндрейШостикこれは上記の機能です。あなたはそれを試しましたか?それは動作しませんでしたか? – ReyHaynes

+0

私はテストしましたが、それは助けにはならない、ほとんどスクロールしていないし、scrollToEndを作る、実際に私はもう少し問題を解決しようとしている、plsはビデオを見ているhttps://drive.google.com/open?id=15hHKWDiilLf-FG1zUO3OOWjd677nz2Fkスクロールが1つずつ項目を表示すると、すぐに間違った項目にスクロールしてスクロールすると、右の項目 –

関連する問題