react-native - Image React-native 不工作

Question

我正在尝试这样做：

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

但返回我这个错误：“未知的命名模块”

Answer 1

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

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

你必须使用另一个变量来存储路径，然后调用它（包括require）

例如：

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

另请注意，您不能将变量调用为 require。

检查这个参考。网址：https ://github.com/facebook/react-native/issues/2481

Answer 2

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

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

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

<Image source={bgimg}>

如果这不起作用，您能否分享目录结构，请显示您正在执行的文件require的位置以及该图像在目录结构中的位置。