菜鸟教程小白 发表于 2022-12-12 18:23:27

ios - React Native ListView 加载缓慢


                                            <p><p>我有一个简单的 ListView,它似乎需要很长时间才能加载它的项目。我已经在 Release模式下进行了测试,加载整个页面大约需要 3 秒。如果我设置 <code>initialListSize={1}</code> 我可以看到它逐项构建列表。</p>

<p>ListView JSX 代码:</p>

<pre><code>&lt;ListView
      dataSource={this.state.dataSource}
      renderRow={this.renderRow}
      renderSeparator={(sectionID, rowID) =&gt; &lt;View key={`${sectionID}-${rowID}`} style={styles.separator} /&gt;}
      style={styles.listView}
      initialListSize={1}
    /&gt;
</code></pre>

<p>还有 renderRow 方法:</p>

<pre><code>renderRow(row) {
    // console.log (&#39;rendering scale row: &#39; + row.numerator + &#39;:&#39; + row.denominator );
    return (
      &lt;TouchableHighlight onPress={() =&gt; this.pressRow(row)} underlayColor=&#34;grey&#34;&gt;
      &lt;View style={styles.rowContainer}&gt;
          &lt;Text style={styles.rowText}&gt;{row.hasOwnProperty(&#39;label&#39;) ? row.label : row.numerator + &#39;:&#39; + row.denominator}&lt;/Text&gt;
          &lt;Text style={styles.rowText}&gt;{row.hasOwnProperty(&#39;label&#39;) ? row.numerator + &#39;:&#39; + row.denominator : &#39;&#39;}&lt;/Text&gt;
      &lt;/View&gt;
      &lt;/TouchableHighlight&gt;
    );
}
</code></pre>

<p>我没有在 renderRow 中做任何非常复杂的事情...而且数据已经在之前的 View 中获取并通过 <code>props</code> 传入。</p>

<p>有什么我不知道的可能会影响加载/渲染时间的事情吗? </p>

<p>这仅适用于 iOS,适用于 iPhone 4S。我的测试中只有 12-21 行。</p>

<p>我还应该补充一点,应用程序的核心是使用 JUCE C++ 框架并在其中一个 View 中运行一些音频处理。我有一个仅在该 View 可见时运行的音频处理线程 - 所有其他 View (包括具有此 ListView 的 View )将停止音频处理线程。我也尝试过以类似的方式停止音频线程,但没有任何区别。 </p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>不确定这是否会对您有所帮助,但我可以想到您可以尝试的三件事...</p>

<ol>
<li><code>cmd</code>+<code>T</code> 将打开/关闭“慢动画”。这是一个远射</li>
<li>如果您正在写入 console.log,请将这些行注释掉。他们有时会出人意料地陷入困境。</li>
<li>关闭开发模式。您不需要,但值得一试</li>
</ol></p>
                                   
                                                <p style="font-size: 20px;">关于ios - React Native ListView 加载缓慢,我们在Stack Overflow上找到一个类似的问题:
                                                        <a href="https://stackoverflow.com/questions/35119790/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/35119790/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - React Native ListView 加载缓慢