Estoy creando aplicaciones de marca blanca.
Tengo una carpeta de activos que contiene una carpeta de imágenes y una carpeta de fuentes para cada marca.
Al igual que :
assets/ brand1/ fonts/ images/ img1.png img2.png img3.png brand2/ fonts/ images/ img1.png img2.png img3.png src/Mi idea sería tener un index.js en la raíz de la carpeta de activos donde podría exportar el conjunto de carpetas relevante según mi archivo de entorno.
Aunque no estoy seguro de cómo lograrlo.
¿Alguna pista?
(Mi preocupación es que no quiero tener el ambiente acondicionado en cada uno de mis componentes)
Supongamos que tiene dos entornos;
.env.brand1 NAME=BRAND1 .env.brand2 NAME=BRAND2
cree un archivo index.js , su código debería verse así;
const images = { BRAND1: { logo: require('./brand1/brand1Logo.jpeg') }, BRAND2: { logo: require('./brand2/brand2Logo.jpeg') } } export default images;Ahora puede usar la imagen en cualquier archivo como este;
... other imports import images from '#assets/index' export default function () { ...other code <Image source={images[Config.NAME].logo} /> }