react-native - 如何将本地图像文件路径写入 uri 路径

Question

我想将本地图像文件路径转换为uri路径，以便代替需要网站的uri，我想放置本地图像目录。我正在显示下面的代码..

state = {
        search: '',
        images: [
            '../../assets/assets/img/formula.png',  //***this  is not working
            'https://source.unsplash.com/1024x768/?water',
            'https://source.unsplash.com/1024x768/?girl',
            'https://source.unsplash.com/1024x768/?tree'
          ]
      };


//Image is used here..

<SliderBox images={this.state.images} />

在图像数组中，我希望第一张图像必须包含在我的本地文件图像中。请有人告诉如何做到这一点，以便在图像中我可以包含我的本地图像文件路径

Answer 1

您需要导入 Ex..：

import Formula from '../../assets/assets/img/formula.png';

然后你可以使用公式作为图像！你也可以用require('../../assets/assets/img/formula.png')。

Answer 2

有点晚了，但希望它可以帮助某人。你可以使用resolveAssetSourcefrom Image，所以回到你的代码看起来像这样，

state = {
    search: '',
    images: [
        Image.resolveAssetSource(require("../../assets/assets/img/formula.png")).uri,
        'https://source.unsplash.com/1024x768/?water',
        'https://source.unsplash.com/1024x768/?girl',
        'https://source.unsplash.com/1024x768/?tree'
      ]
  };

当然你需要先导入Image，

import { Image } from "react-native";