我想将本地图像文件路径转换为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} />
在图像数组中,我希望第一张图像必须包括本地文件图像。 请有人告诉我该怎么做,以便在图像中可以包含本地图像文件路径
答案 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')
。