我有一个简单的 ListView,它似乎需要很长时间才能加载其项目。我在Release模式下测试过,加载整个页面大约需要3秒。如果我设置 initialListSize={1}
我可以看到它逐项构建列表。
ListView JSX 代码:
<ListView
dataSource={this.state.dataSource}
renderRow={this.renderRow}
renderSeparator={(sectionID, rowID) => <View key={`${sectionID}-${rowID}`} style={styles.separator} />}
style={styles.listView}
initialListSize={1}
/>
以及 renderRow 方法:
renderRow(row) {
// console.log ('rendering scale row: ' + row.numerator + ':' + row.denominator );
return (
<TouchableHighlight onPress={() => this.pressRow(row)} underlayColor="grey">
<View style={styles.rowContainer}>
<Text style={styles.rowText}>{row.hasOwnProperty('label') ? row.label : row.numerator + ':' + row.denominator}</Text>
<Text style={styles.rowText}>{row.hasOwnProperty('label') ? row.numerator + ':' + row.denominator : ''}</Text>
</View>
</TouchableHighlight>
);
}
我没有在 renderRow 中做任何非常复杂的事情...并且数据已经在上一个 View 中获取并通过 props
传入。
有什么我不知道的事情可能会影响加载/渲染时间吗?
这仅适用于 iOS,并且适用于 iPhone 4S。我的测试中只有 12-21 行。
我还应该补充一点,该应用程序的核心是使用 JUCE C++ 框架并在其中一个 View 中运行一些音频处理。我有一个音频处理线程,仅在该 View 可见时运行 - 所有其他 View (包括具有此 ListView 的 View )将停止音频处理线程。我也尝试过以类似的方式停止音频线程,但没有任何区别。
最佳答案
不确定这是否会对您有帮助,但我可以想到您可以尝试的三件事......
cmd
+T
将打开/关闭“慢速动画”。这是一个远景- 如果您要写入 console.log,请注释掉这些行。有时他们会让事情陷入令人惊讶的严重困境。
- 关闭开发模式。你不应该需要,但值得一试
关于ios - React Native ListView 加载缓慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35119790/