在本地反应中显示本地图像

Question

如何显示本地文件中的图像？ 该代码似乎无效。

<Image
    source={{
        uri: 'file:///data/data/com/files/image.png',
    }}
/>

Answer 1

<Image
    source={{
        uri: require('file:///data/data/com/files/image.png'),
    }}
/>

有关更多详细信息，请访问https://reactnative.dev/docs/images

Answer 2

如果图像在本地系统中，则代替下面的内容

<Image
    source={{
        uri: 'file:///data/data/com/files/image.png',
    }}
/>

简单尝试

<Image
    source={require('file:///data/data/com/files/image.png')}
/>