反应原生列表视图中的分页

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秒才能触发。

使用较少的列表项，它是有效的，超过30个列表项的问题

如何解决它，分页是有帮助的吗？....

Answer 1

对于较长的列表，您应该使用FlatList - 它通过仅渲染屏幕上实际显示的内容来优化渲染。