リアクションネイティブは動的に必要です（画像）

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を作成していた

あなたをフォルダ：

を支援するための おかげでたくさんのは、このソリューションが、それは技術的には、より効率的であるかどうかわからないが見つかりfrom を絶対にインポートしたいです。そのpackage.jsonは{"name"： "src"}のようになります。 "src"はそのフォルダの名前です。

と同じように、単に「src/X.js」からXをインポートすることができます。

Source

おかげで助けのためにたくさん！

Answer 1

FlatListを試しましたか？表示されるアイテムだけでなく、いくつかのアイテムだけを表示します。それはあなたが求めるパフォーマンスの向上を与えるはずです。遅延ロード/イメージの読み込みは、react-native-lazyloadのようなパッケージを使用してください。