在React Native模块中包含图像

时间:2017-10-05 11:23:36

标签: image react-native react-native-ios

我在React Native应用程序旁边创建了一个React Native模块。模块的所有内容都按预期工作,直到我引入应该存在于包中而不是应用程序中的图像。

包中的任何图像都不会显示在使用应用程序中。

(选项1):包括图像资产

const image = require('./assets/background.jpg');

const config = {
  styleConfig: {
    background: {
      images: {
        primary: image
      },
  ...
}

export config;

如果我在使用应用程序中包含config,其他所有内容都按预期工作(字符串,组件等),直到我尝试包含<Image source={config.styleConfig.background.images.primary} />(通常会以更好的格式获取此信息,但为了解释)显示完整路径,而不是任何抽象)。这不会引发错误,但会显示空白图像。

(选项2):包括图像组件

一旦看起来包含资产不起作用,我创建了一个Image组件,它直接使用了所需的图像并将其导出。这也显示了图像大小的块,但没有显示资产。如果我执行相同的操作但是创建组件并从消费应用程序加载资产一切都很好。

0 个答案:

没有答案