aksonov / aksonov/react-native-tableview

Delay rendering large data sets while using Cell

未关闭
#22 6 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看
enhancement help wanted
主要语言
Objective-C
星标
1.4k
派生
179
PR 合并指标
30 天内没有已合并 PR

描述

While using the `Cell` component of the library I noticed that there is large delay if I initialize it with a large amount of data. It takes about 3-5 seconds to render.

I am doing something like this in my component with 1000 dummy elements initialized:

``` javascript
var faker = require('faker');

var LOREM_IPSUM = 'Lorem ipsum dolor sit amet, ius ad pertinax oportere accommodare, an vix civibus corrumpit referrentur. Te nam case ludus inciderint, te mea facilisi adipiscing. Sea id integre luptatum. In tota sale consequuntur nec. Erat ocurreret mei ei. Eu paulo sapientem vulputate est, vel an accusam intellegam interesset. Nam eu stet pericula reprimique, ea vim illud modus, putant invidunt reprehendunt ne qui.';

componentWillMount: function() {
this.data = this.generateData();
},

generateData: function() {
var data = [];
for (var i = 0; i < 1000; i++) {
data.push({
image: faker.image.avatar(),
title: ("ROW: " + i + " - " + LOREM_IPSUM)
});
}
return data;
},

render: function() {
let items = this.data.map((data) => (
{data.title}
));
return (
console.log(event)}>

{items}


);
},

```

This issue is not reproducible if I change my implementation to be `Item`, rather than `Cell`, for large data sets. Before I start digging into the source I wanted to know if this is a known limitation with Cell (slowness with initializing large data sets).

贡献指南

这个仓库没有索引到贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。