import React from 'react';
import { View, Image } from 'react-native';
const MyComponent = ({ item }) => {
const imageSource = require(`./assets/${item}.png`);
return (
<View>
<Image source={imageSource} />
</View>
);
};
export default MyComponent;
结果:
error:
components\multipleProductsImageReader.tsx:
components\multipleProductsImageReader.tsx:Invalid call at line 4:
require("../assets/" + item + ".png")
如何在react-native中动态渲染图像?就像我上面的例子。
2条答案
按热度按时间new9mtju1#
尝试如下所示渲染图像:
这将动态渲染图像。
7ivaypg92#
首先在控制台日志上打印项目结果,如果图像已有文件扩展名,则从所需文件(
./assets/${item}.png
)中删除.png;注:-必须检查本地资产文件夹中是否存在动态项目图像路径。