本地图像现在显示 React Native
Posted
技术标签:
【中文标题】本地图像现在显示 React Native【英文标题】:Local images now displaying React Native 【发布时间】:2020-09-08 01:05:57 【问题描述】:我的本地图片突然停止在我的应用中显示。
我尝试了这里提出的解决方案:https://***.com/questions/35354998/react-native-ios-app-not-showing-static-assets-images-after-deploying 但它没有用。
我正在按如下方式导入我的图像:
import image from '../../assets/images/home-1.jpg';
...
return (
<SafeAreaView style=[styles.container, margin: 0]>
<Image source=image style=styles.image />
...
</SafeAreaView>
);
...
const styles = StyleSheet.create(
image:
backgroundColor: 'red',
width: 300,
height: 300,
,
...
但我的图像看起来像这样:
有什么问题?
【问题讨论】:
【参考方案1】:我认为你的使用是错误的。 你可以试试:
<Image source=require('./my-icon.png') />
React-native 的文档中的更多信息。请关注。
【讨论】:
不,我尝试使用const image = require('../../assets/images/home-1.jpg');
,但它仍然不起作用。奇怪的是它曾经可以工作。以上是关于本地图像现在显示 React Native的主要内容,如果未能解决你的问题,请参考以下文章
当设备在 react-native 中离线时,在 webview 中显示本地图像
DangerouslySetInnerHTML 与 React.JS 中的本地图像
在 react native 0.60.3 和 Xcode 11 中加载本地图像
通过 React 中另一个文件夹中的页面访问文件夹中的本地图像