From 58dbba9d1640869e4a59ec721654f0bf7c344436 Mon Sep 17 00:00:00 2001 From: boatlet <280215110@qq.com> Date: Thu, 11 Oct 2018 14:50:55 +0800 Subject: [PATCH 1/2] Update performance.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 翻译ListView initial rendering is too slow or scroll performance is bad for large lists 那一段 --- cndocs/performance.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/cndocs/performance.md b/cndocs/performance.md index 04030154a02..2f4d90387a3 100644 --- a/cndocs/performance.md +++ b/cndocs/performance.md @@ -69,11 +69,11 @@ if (!__DEV__) { 这样在打包发布时,所有的控制台语句就会被自动移除,而在调试时它们仍然会被正常调用。 -### `ListView` initial rendering is too slow or scroll performance is bad for large lists +### `ListView` 首次渲染缓慢或者由于列表很大导致滑动很慢 -Use the new [`FlatList`](flatlist.md) or [`SectionList`](sectionlist.md) component instead. Besides simplifying the API, the new list components also have significant performance enhancements, the main one being nearly constant memory usage for any number of rows. +用新的 [`FlatList`](flatlist.md) 或者 [`SectionList`](sectionlist.md) 组件替代。 除了简化了API, 这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行,它的内存使用都是常数级的。 -If your [`FlatList`](flatlist.md) is rendering slow, be sure that you've implemented [`getItemLayout`](https://facebook.github.io/react-native/flatlist.md#getitemlayout) to optimize rendering speed by skipping measurement of the rendered items. +如果你的 [`FlatList`](flatlist.md) 渲染得很慢, 请确保你使用了 [`getItemLayout`](https://facebook.github.io/react-native/flatlist.md#getitemlayout) ,它通过跳过对items的处理来优化你的渲染速度。 ### 在重绘一个几乎没有什么变化的页面时,JS 帧率严重降低 From 29aa13c32908ffba8bfddcab7025c81803c07e0d Mon Sep 17 00:00:00 2001 From: Sunny Luo Date: Thu, 11 Oct 2018 15:25:20 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E7=A9=BA=E6=A0=BC=E5=92=8C=E9=93=BE?= =?UTF-8?q?=E6=8E=A5=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cndocs/performance.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/cndocs/performance.md b/cndocs/performance.md index 2f4d90387a3..5be5ed00bf5 100644 --- a/cndocs/performance.md +++ b/cndocs/performance.md @@ -71,9 +71,9 @@ if (!__DEV__) { ### `ListView` 首次渲染缓慢或者由于列表很大导致滑动很慢 -用新的 [`FlatList`](flatlist.md) 或者 [`SectionList`](sectionlist.md) 组件替代。 除了简化了API, 这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行,它的内存使用都是常数级的。 +用新的[`FlatList`](flatlist.md)或者[`SectionList`](sectionlist.md)组件替代。除了简化了API,这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行,它的内存使用都是常数级的。 -如果你的 [`FlatList`](flatlist.md) 渲染得很慢, 请确保你使用了 [`getItemLayout`](https://facebook.github.io/react-native/flatlist.md#getitemlayout) ,它通过跳过对items的处理来优化你的渲染速度。 +如果你的[`FlatList`](flatlist.md)渲染得很慢, 请确保你使用了[`getItemLayout`](flatlist.md#getitemlayout),它通过跳过对items的处理来优化你的渲染速度。 ### 在重绘一个几乎没有什么变化的页面时,JS 帧率严重降低