JS 中的 React Native 中不显示图像

Posted

技术标签:

【中文标题】JS 中的 React Native 中不显示图像【英文标题】:Image not displayed in ReactNative in JS 【发布时间】:2020-07-28 12:31:49 【问题描述】:
<Image
   style=
   source=
       uri: 'https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png'
   
/>

屏幕上什么都没有显示

【问题讨论】:

对于网络和数据图像,您需要手动指定图像的尺寸reactnative.dev/docs/image 这能回答你的问题吗? Can't show Image in React Native 【参考方案1】:

为它添加样式

<Image
  style=
    width: 200,
    height: 200,
    resizeMode: "center"
  
  source=
    uri:
      "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_92x30dp.png"
  
/>

【讨论】:

【参考方案2】:

尝试设置样式中Image标签的宽高。

【讨论】:

以上是关于JS 中的 React Native 中不显示图像的主要内容,如果未能解决你的问题,请参考以下文章

React-Native 多部分照片上传在 android 中不起作用

如何在 React-Native Fast-Image 组件 TypeScript 中不使用任何内容

React Native 0.26 显示资产库中的图像时找不到合适的图像 URL 加载器

如何将图像从JSON文件放到React Native Js页面

react-native 中的图像预览

React Native NPM 模块中的静态图像