Question

我无法将图像导入到我的组件中。我将图像保存在名为 WidgetImages 的文件中，并在 Images.js 中编写了以下代码来导入它：

var Images = {
    Weather: require('./WidgetsImages/Weather.png'),
    News: require('./WidgetsImages/News.png'),
    AgendaWidget: require('./WidgetsImages/AgendaWidget.png'),
    SpotifyPlayer: require('./WidgetsImages/SpotifyPlayer.png'),
    VoiceReader: require('./WidgetsImages/VoiceReader.png'),
    Clock: require('./WidgetsImages/Clock.png'),
};

export default Images;

然后在我的组件文件中，我有以下内容：

import Images from '../assets/Images';
// code here ... 
<Image source={Images.item} />

我不知道问题出在哪里。我查看了以前的问题，我的结构相同，而且我的导入是正确的。那么这里的问题似乎是什么？

Answer 1

你能解决你遇到的错误吗？根据您粘贴的代码，<Image source={Images.item} /> 行必须如下


<Image source={Images.Weather} />
// item should me replaced by the actual properties of the Images object

反应原生：导入图像不起作用

1 个答案: