首页 > 解决方案 > 为资产文件夹中的所有图像反应本机 ListView

问题描述

我有一个assets/images包含 200 张图像的文件夹。我想用所有图像制作一个列表视图,图像的文件名将是列表视图上的文本。

我试着做

import Images from './assets/images'

但总是给我错误。

我使用react-native 版本:0.59.9React:16.8.3

我尝试制作导入文件夹:

import Images

标签: javascriptreactjsreact-native

解决方案


你不能那样做..

在 images 文件夹中添加 index.js 文件

 const images = {
  button: require('./button.png'),
  logo: require('./logo.png'),
  placeholder: require('./placeholder.png')
}

export default images

然后正确导入图像

import Images from '../images'

<Image source={Images.logo}

按照您希望使其工作的方式对代码进行模式导入。


推荐阅读