您會如何在React Native應用程序中加載（數百個）圖像？

我必須開發一個移動應用程序，將有一百張圖像的「卡」。所有圖像將在本地存儲。我已經看到，在React Native中，使用需要和常量文件路徑字符串作爲參數加載圖像。我可以創建一個用戶可能需要的所有圖像的數組，但我不知道在這種情況下如何處理內存。有沒有更好的方法來解決這個問題？您會如何在React Native應用程序中加載（數百個）圖像？

來源

2017-06-12 marcm

請參閱[這裏]（https://stackoverflow.com/questions/30854232/react-native-image-require-module-using-dynamic-names）。您不能通過數組加載捆綁映像，因爲'require'語句是在捆綁器運行時預先編譯的;每個圖像必須出現在所提供的路徑上。在性能方面，數百張圖像會同時出現在屏幕上？這可能是低端設備上的一個問題，但如果不是的話，您應該通過'require'將它們全部引用。 – G0dsquad

我說數組和我的意思是對象。這個想法是加載一個JSON與項目集合，以單獨顯示在「卡片」中。每個項目都有一個關聯的圖像。我看到我無法動態加載這個imatge，但我的想法是在圖像池對象內部執行一個初始加載，比如'images [「key」] = require（「literal/path/to/image」）;'我永遠不會同時顯示多個圖像。我不確定的是，在內存使用方面它是否可以「需要」可能不需要的數百個圖像。謝謝。 – marcm

還沒有試過，但react-native-fast-image可能是你在找什麼！

來源

2017-06-13 04:04:31

謝謝，但我覺得我沒有說清楚。我不必一次顯示所有圖像。我擔心的是需要數百個可能不會顯示的本地存儲的圖像。 – marcm

您會如何在React Native應用程序中加載（數百個）圖像？

回答

相關問題