ネイティブスクロールビューを無効にしてリフレッシュを無効にする

Question

私は反応ネイティブv0.44.2のスクロールビューを使用しています。プルダウンを無効にしてリフレッシュするだけで、ビューのスクロールを生成したいのですが、 scrollview？
私はいくつかの古いバージョンを見ましたが、私はこのアニメーションを最近入れたかどうかわかりません。

render() { 
    return (
     <View> 
     <ScrollView> 
      <View style={styles.box}> 

      </View> 
      <View style={styles.box}> 

      </View> 
      <View style={styles.box}> 

      </View> 
      <View style={styles.box}> 

      </View> 
      <View style={styles.box}> 

      </View> 
      <View style={styles.box}> 

      </View> 
     </ScrollView> 

     </View> 
    ); 
    } 
} 

と私のスタイルを：次のように私のコードです

ここ

const styles = StyleSheet.create({ 

    box: { 
    backgroundColor: 'blue', 
    height: 300, 
    width: 200, 
    borderWidth: 5, 
    borderColor: 'red' 
    } 
}); 

Answer 1

私たちは何ができるのか、我々はこれを使って、プルにプルアニメーションをDissableことができるということです。

<ScrollView 
refreshing={false} 
> 
**YOUR RENDER ITEM** 
</ScrollView> 

私はscrollview上でこれを実装したことがないが、それは最初に、あなたに

Answer 2

使用偽のconstさわやか=を助けることができるかもしれません。その後、_onRefreshの呼び出し時に、偽から真にリフレッシュを変更し、scollviewの内容を再初期化します。

const refreshing = false ; 
const data= []; 

//your class definition 
_onRefresh(){ 
     refreshing=true; 
     this.props.clearYourData(); 
     data= []; 
     refreshing=false; 
    } 

render(){ 
    return (
    <ScrollView refreshControl={ 
     <RefreshControl 
     refreshing={refreshing} 
     onRefresh={this._onRefresh.bind(this)} 
     title="Loading..." 
     /> 
     } 
     /> > 
    {data} 
    </ScrollView>) 
}