对Assets文件夹中的所有图像反应本机ListView

时间:2019-06-26 02:54:23

标签: javascript reactjs react-native

我有一个包含200张图像的文件夹assets/images。我要创建一个包含所有图像的listView,并且图像的文件名将是列表视图上的Text。

我试图做

import Images from './assets/images'

但总是给我错误。

我正在使用本机版本:0.59.9 反应:16.8.3

我尝试制作导入文件夹:

import Images

1 个答案:

答案 0 :(得分:2)

你不能那样做。

在图像文件夹中添加一个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}

根据需要设置像导入一样的代码。