如何为本地存储在 react-native 中的图像传递道具答案

【问题标题】：How to pass prop for an image stored locally in react-native如何为本地存储在 react-native 中的图像传递道具
【发布时间】：2018-06-18 19:56:12
【问题描述】：

我试图在 react-native 组件的 IMAGE 标记中为“require”传递一个道具。但是，它显示错误“服务器代码错误 500”。如果我使用 URI 传递链接，它与道具一起使用。

工作：

<Image
        style={{ width: 70, height: 61 }}
        source={{ uri: imgCode }}
      />


imgCode="https://i.imgur.com/edgLzLO.png"

需要修复：

<Image
          style={{ width: 70, height: 61 }}
          source={require('./images/header_arrow.png')}
        />

imgCode="./images/batter_logo.png"

【问题讨论】：

嗯，它适用于我使用require 作为source 的值。有点奇怪，但它有效。你确定这是图片的正确路径吗？
可能重复stackoverflow.com/questions/46704415/…

标签： image react-native local react-props react-image

【解决方案1】：

<Image
    style={{ width: 70, height: 61 }}
    source={require({ uri: imgCode })}
  />


imgCode="https://i.imgur.com/edgLzLO.png"

试试这个可能有用

【讨论】：