首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >react本机列表视图中的分页

react本机列表视图中的分页
EN

Stack Overflow用户
提问于 2018-01-17 17:56:11
回答 1查看 985关注 0票数 0
代码语言:javascript
运行
复制
<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多个列表标题上的问题

如何解决这个问题,分页是否有用?

EN

回答 1

Stack Overflow用户

发布于 2018-01-17 20:26:36

对于更长的列表,你应该使用FlatList -它通过只渲染屏幕上实际显示的内容来优化渲染。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48298178

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档