ユーザーがスクロールを停止したときを確認するにはどうすればよいですか？

Question

私はhttps://facebook.github.io/react-native/docs/scrollview.htmlを使用していますが、それは便利なonScroll小道具を持っていますが、ユーザーがスクロールを停止したときにどうすればよいですか？

基本的には、ユーザーがスクロールしているときにボタンを非表示にしたいときは、非表示のときに表示します。

Answer 1

コンポーネント状態では、スクロールイベントを受け取った最後の時刻を保存します。レンダリングメソッドでは、最後のスクロールイベントがいつ発生したかを確認し、ボタンが再び表示されるかどうかを決定します。

ラフ例：

// Observe the scroll events. 
<ScrollView onScroll={(e) => { 
    this.setState({lastScroll: new Date()}) 
}} /> 

// Check if the last scroll happened later than 300ms ago. 
if (this.state.lastScroll.getTime() < (new Date()).getTime() - 300) { 
    // Render the button. 
}