如何显示本地文件路径下的图像，例如从c:/foldername/x.p nng

Question

我想从c:/foldername/x.png的文件路径示例中显示图像。当我给出文件路径时，我们得到了十字标记，但它没有加载图像，有人知道吗?我正在工作的代码

<Image source={require('C:/Users/username/Pictures/66.png')}
style={{
width:220,
height:220,
borderWidth:2,
borderColor:'#d35647',
resizeMode:'stretch',
margin:8
}}
/>

Answer 1

例如，如果您有下列支架

src
|____/assets
|_________imgs
|_____________mi-img.png
|____/components
|_________/MyImage
|_____________MyComponent.js

在MyComponent.js中，您必须以以下方式访问您的图像:

<Image source={require('../../assets/imgs/mi-img.png')}
style={{
width:220,
height:220,
borderWidth:2,
borderColor:'#d35647',
resizeMode:'stretch',
margin:8
}}
/>