Image React-native 不工作

Image React-native not working

我正在尝试这样做:

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

但是 returns 我这个错误:"Unknown named module"

尝试像这样在顶部导入图片:

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

那么你可以这样使用它:

<Image source={bgimg}>

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

我也遇到过这个问题,不能像

那样调用image
source={require(`./img/${params.image}.png`)}

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

例如:

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

另请注意 you can not call variable into require.

检查此参考。 url: https://github.com/facebook/react-native/issues/2481