Question

我正在编写类似于coinmarketcap.com的应用程序。 SectionList中包含多达700个硬币和图标等的巨型列表。但在我的应用程序中，您可以选择要跟踪的硬币。

有没有办法不要求所有700个图标，只是选择的图标？现在我有一个objects.js文件：

export const IMAGES = {
  'btc-usd': require('../icons/bitcoin.png'), //statically analyzed
  'eth-usd': require('../icons/ether.png'),
   ...

但我担心记忆和表现。 React是否将它们全部加载到RAM中？或者只是当它渲染？非常感谢您的帮助

找到了这个解决方案，但不确定它在技术上是否更有效：

我发现一个简单的解决方案是创造一个非常简约的   package.json在你想要绝对导入的最顶层文件夹中   从。 package.json应该是这样的：{＆＃34; name＆＃34;：＆＃34; src＆＃34; }，   在哪里＆＃34; src＆＃34;是该文件夹的名称。

您可以直接从＆＃39; src / X.js＆＃39;中导入X.就像你一样   通常做。

Source

非常感谢你的帮助！

Answer 1

您是否尝试使用FlatList？它只会呈现视图中的项目以及前面的几个项目。它应该为您提供所追求的性能提升。至于懒惰的需要/加载图像，可以使用像react-native-lazyload这样的包。

React Native动态需要（图像）

1 个答案: