本地图像现在显示 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 中另一个文件夹中的页面访问文件夹中的本地图像

ReactJS:如何使用 Formik 处理图像/文件上传?

基于文本获取图像并从 API react 显示