在本地列表視圖中分頁

Question

<List dataArray={ComplaintStore.listdata.slice()} renderRow={(data)=>((data.length!=0)?
  <ListItem onPress={()=>this.onSelectComplaint(data)}>
    <View style={{flex:1,flexDirection: 'row'}}>
      <Text style={{color: 'black',fontSize:fsize}}>{data.id}</Text>
      <Text style={{color: 'black',fontSize:fsize}}>Type:{data.type}</Text>
      <Text style={{color: 'black',fontSize:fsize}}>Sub Type:{data.priority}</Text>
      <Text style={{marginRight:30,color: 'black',fontSize:fsize}}>{data.statusname}</Text>
    </View>
    </View>
  </ListItem>
  :
  <View></View>)}>
</List>

在上面的列表視圖中，由於更多的列表項onPress ListItem事件需要2-5秒才能觸發。

使用較少的listitems可以有效解決超過30個listitems的問題

如何解決它，分頁有幫助嗎？

Answer 1

對於更長的列表，您應該使用FlatList它通過僅渲染屏幕上實際顯示的內容來優化渲染。