React-native中的图像无法正常工作

Question

我正在尝试做这件事：

<Image
  style={styles.image}
  source={require(`./img/${params.image}.png`)}
/>

但是返回了以下错误："未知的命名模块"。

- Luiz Fernando Sousa Camargo

Answer 1

尝试像这样将您的图像导入到顶部：

import React, { Component } from "react";
import bgimg from "./assets/bg.jpg";

然后你可以像这样使用它：

<Image source={bgimg}>

如果这个方法不起作用，能否请您分享目录结构，展示您在进行require的文件位置和图片在目录结构中的位置。

- ystal

Answer 2

我也遇到过这个问题，你不能像这样调用图片：

source={require(`./img/${params.image}.png`)}

您需要使用另一个变量来存储路径，然后调用它（包括require）。

例如：

let imagePath = require("../../assets/list.png");

需要注意的是，你不能在require中调用变量。

请参考此链接进行查看：https://github.com/facebook/react-native/issues/2481

- Jigar Shah