如何将本地图像文件路径写为uri路径

时间:2019-06-18 17:13:39

标签: react-native expo react-native-snap-carousel

我想将本地图像文件路径转换为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} />

在图像数组中,我希望第一张图像必须包括本地文件图像。 请有人告诉我该怎么做,以便在图像中可以包含本地图像文件路径

2 个答案:

答案 0 :(得分:1)

有点晚了,但希望它能对某人有所帮助。您可以使用resolveAssetSource中的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";

答案 1 :(得分:0)

您需要导入Ex ..

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

然后,您可以将公式用作图像! 您也可以使用require('../../assets/assets/img/formula.png')