次の前のボタンで本来の無限スクロールビューに反応します

Question

react-native-infinte-scrollviewのようなビューが作成され、スクロールで削除されるInfinite ScrollViewを作成しますが、このプラグインは次/前ボタンを提供しません。プロジェクトに10個のgifファイルがあり、各gifのサイズが7〜10 MBで、スクロールビューでこれらのgifファイルを同時にロードすると、アプリケーションがクラッシュしたため、次と前のボタンを追加したいだけです。

Answer 1

私はこれについて知らないが、私はここに

constructor(){ 
    this.state = { 
    pageNUmber:0, 
    data:['url1','url2',url3] 
    } 
} 

renderGif(){ 
    var data = this.state.data; 
    return(
    <Image source={{uri:data[this.state.pageNUmber]}} ?> 
) 
} 

changePage(val){ 
    if(val=='next'){ 
    this.setState({ 
     pageNumber:this.state.pageNumber+1 
    }) 
    }else{ 
    if(this.state.pageNumber!=0) 
     this.setState({ 
     pageNumber:this.state.pageNumber-1 
     }) 
    } 

} 


render(){ 
    return(
    <View> 
    <ScrollView> 
     {this.renderGif()} 
    </ScrollView> 
    <TouchableOpacity onPress={()=>{this.changePage('next')}}> 
     <Text>next</Text> 
    </TouchableOpacity> 
    <TouchableOpacity onPress={()=>{this.changePage('previous')}}> 
     <Text>previous</Text> 
    </TouchableOpacity> 
    </View> 
) 
} 

Answer 2

イムネイティブのScrollViewを反応させ、FlatListの違いはflatlistがページオフコンテンツを削除していることであることをかなり確信してロジックを持っています。 Docsによれば、水平のフラットリストを有効にする