OGeek|极客世界-中国程序员成长平台

标题: ios - React Native ListView 加载缓慢 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-12 18:23
标题: ios - React Native ListView 加载缓慢

我有一个简单的 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 )将停止音频处理线程。我也尝试过以类似的方式停止音频线程，但没有任何区别。

---

Best Answer-推荐答案

不确定这是否会对您有所帮助，但我可以想到您可以尝试的三件事...

1. cmd+T 将打开/关闭“慢动画”。这是一个远射
2. 如果您正在写入 console.log，请将这些行注释掉。他们有时会出人意料地陷入困境。
3. 关闭开发模式。您不需要，但值得一试

关于ios - React Native ListView 加载缓慢，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35119790/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (http://sqlite.in/)

Powered by Discuz! X3.4