Tengo una matriz de imágenes locales que necesito enviar solo esas imágenes a otra matriz que coincida con la identificación de categoría. Puedo agregar las imágenes en la matriz, pero en lugar de dar la ruta adecuada, está dando un número como 445
esa es mi matriz de imágenes
pieImages: [ require('../assets/images/otherbcateWhite.png'), require('../assets/images/non_alcoholicWhite.png'), require('../assets/images/alcoholicWhite.png'), require('../assets/images/babyFoodWhite.png'), require('../assets/images/bakedWhite.png'), require('../assets/images/foodWhite.png'), require('../assets/images/frozenWhite.png'), require('../assets/images/fruitsWhite.png'), require('../assets/images/houseHoldWhite.png'), require('../assets/images/meatFishWhite.png'), require('../assets/images/dairyProductsWhite.png'), require('../assets/images/sweetsWhite.png'), require('../assets/images/bodyWhite.png'), require('../assets/images/hotWhite.png'), ]mi función para comparar id y empujarla en otra matriz
if (item?.id === itemm?.categoryId) { budgetPipeData.Images.pieImages.map((_, index) => { if (index === parseInt(itemm.categoryId)) { const img = budgetPipeData.Images.images[parseInt(itemm.categoryId)]; console.log(img); images.push(img); } }); }y si uso una cadena simple de matriz para imágenes como
pieImages: [ '../assets/images/otherbcateWhite.png', ]esta dando error
Could not find image file:///Users/netzwelt/Library/Developer/CoreSimulator/Devices/344CC058-AD85-4595-9795-25A06A8CD235/data/Containers/Bundle/Application/A8637CD2-7511-4F4F-BBD1-73900FC60914/BoilerPlate.app/../163.pngy si uso require dentro del componente Image como
<Image source={require(images[index])} />es dar error
[Error: TransformError src/components/charts/labels.tsx: src/components/charts/labels.tsx:Invalid call at line 50: require(images[index])]¿alguien puede decirme cómo puedo empujar las imágenes correctamente?
Idealmente, eso es correcto, porque require() le proporcionará la identificación del recurso en esa ruta y puede usarlo directamente ahora como fuente de Image .
<Image source={images[0]} /> Sin embargo, si desea que se use para un uso posterior, como cargarlo en el servidor, puede almacenar cadenas en una matriz en lugar de require
pieImagesString: [ '../assets/images/otherbcateWhite.png', '../assets/images/non_alcoholicWhite.png' ... ]