У меня много изображений для управления на большом количестве экранов. Каждый раз я загружаю изображение, как
<Image source={require("../../images/001.png")} style={styles.image1}/>
Но оно слишком утомительно, так как его слишком много, чтобы писать и которым трудно управлять.
Я хочу управлять изображениями вместе. Как
export default function loadImages(){
return {
img1:require("../../images/001.png"),
img2:require("../../images/002.png"),
...
}
}
Затем используйте его следующим образом.
import Images from "image.js"
<Image source={Images.img1} />
Но я боюсь, что возвращаемый объект будет слишком большими стоит слишком много ресурсов памяти. Будет ли это? У кого-нибудь есть какое-нибудь изящное решение?