如何在React Native中推动本地图像？

Question

我有一系列本地图像，我需要将这些图像仅将这些图像推入与类别ID匹配的另一个数组。我能够将图像添加到数组中，但是给出正确的路径，它是给出445

的数字，这是我的图像数组，

 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'),
    ]

我的功能是我的功能以比较ID并将其推在另一个数组中

  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);
                }
              });
    }

，并且如果我使用简单的数组字符串，则 图像

pieImages: [
      '../assets/images/otherbcateWhite.png',
    ]

诸如它给出错误的

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.png

，如果我使用需要在内部图像组件（例如

<Image source={require(images[index])} />

给出错误）中

[Error: TransformError src/components/charts/labels.tsx: src/components/charts/labels.tsx:Invalid call at line 50: require(images[index])]

，谁能告诉我如何正确推动图像？

Answer 1

理想情况下，这是正确的，因为require（）将在该路径上为您提供资源ID，并且您可以立即直接将其用作image源。

<Image source={images[0]} />

但是，如果您希望它用于进一步使用，例如上传到服务器，则可以将字符串存储在数组中，而不是需要

pieImagesString: [
  '../assets/images/otherbcateWhite.png',
  '../assets/images/non_alcoholicWhite.png'
  ...
]