reactjs React Native，动态显示图像

13z8s7eq 于 2022-12-22 发布在 React

关注(0)|答案(2)|浏览(138)

我目前正在一个页面上工作，我想在其中显示文件夹中的所有图像。我尝试了下面的代码：

return (
 <View>
  {images.map(r => 
   <Image source={require('../assets/image/' +r+'.png')} />
  )}    
 </View>
);

下面是我得到的结果：

Error: pages/etc.js:Invalid call at line: require('../assets/image/' + r + '.png')

我该怎么做才能解决这个问题？谢谢。

reactjs

来源：https://stackoverflow.com/questions/71398990/react-native-showing-images-dynamically

2条答案

按热度按时间

0pizxfdo1#

在React Native中的此特定情况下，require不适用于动态路由（带变量的路由）。应要求映像具有其pur字符串路径。您可以使用以下内容完成所需操作：

//.....
const images =[require('../assets/image/1.png'),require('../assets/image/2.png')]
//.....
return (
 <View>
  {images.map(i => 
   <Image source={{uri:i}} />
  )}    
 </View>
);

赞(0）回复(0）举报 2022-12-22

ercv8c1e2#

如果没有本地的附加数据库如数组等也是无法解决的，这也就包含了需求

赞(0）回复(0）举报 2022-12-22

我来回答

reactjs React Native，动态显示图像

2条答案

相关问题

热门标签

最新问答