我的实时React Native列表更新速度非常慢

Question

我需要一个React Native中的列表，当socket.io发送数据时会更新。

我已经完成了所有设置并尝试过：

• ListView

• FlatList和

• 我自己的基本JavaScript组件数组

列表长600，数据需要是动态的（大约3次/秒socket.io数据进来，我更新列表的相应索引）。当我向下滚动所有内容放慢速度并停止并且列表停止更新时，问题就出现了。

该列表基本上无法处理超过40个轻量级组件。有没有更好的方法来更新列表。

任何技巧，以便正确呈现并能跟上传入的数据？

Answer 1

您可能想要检查您的registerServiceWorker.js是否已正确设置且服务是否按预期运行。检查index.js文件以包含

import registerServiceWorker from './registerServiceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

另请参阅https：// goo.gl/KwvDNy了解其工作原理。

参见例如文件中的评论：

// Our service worker won't work if PUBLIC_URL is on a different origin
// from what our page is served on. This might happen if a CDN is used to
// serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374