如何在require()中使用变量？

问题描述

我在这里遇到了问题，我不知道是否可以这样做，我正在提取数据作为路线参数：

onPress={() =>
  navigation.navigate('product',{
    pathToImage: "../../images/airdots_category.jpg",})

然后，我将它们放在我的另一个页面上。

const pathToImage = route.params.pathToImage;

现在，我想将 pathToImage 传递到 require() 中：

<Image source={pathToImage} />

但它不接受，因为路径正确，我觉得很奇怪，因为我只是把路径放在一个变量中。

如果您有其他方法……请！

解决方法

您可以像这样从传递 parmas 的位置添加带有图像路径的 require。

onPress={() =>
  navigation.navigate('product',{
    pathToImage: require("../../images/airdots_category.jpg"),})

const pathToImage = route.params.pathToImage;

<Image source={pathToImage} />