无法从React Naitve中的其他文件夹导入图像

Question

您好，我是新来的，本机无法显示来自其他文件夹的图像。这是我的图像文件结构。

src/images/bell.png
src/images/images.js

images.js

export const NOTIFICATION_ICON = require('./bell.png');

我正在使用此图像的组件的文件结构

src/components/common/AppHeader.js

我的AppHeader.js文件

import { NOTIFICATION_ICON } from "../../images/images";

 return(
    <Image source={NOTIFICATION_ICON} />
 );

我收到以下错误。

  

未捕获的不变变量：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义文件中导出组件。

有人可以帮忙吗？

Answer 1

取下花括号并尝试

import NOTIFICATION_ICON from "../../images/images";