这里的重要部分:
我们无法在require之内合并图像名称,例如[require('item'+ vairable +'。png')]
步骤1:我们使用以下图像属性集合创建一个ImageCollection.js文件
ImageCollection.js
================================
export default images={
"1": require("./item1.png"),
"2": require("./item2.png"),
"3": require("./item3.png"),
"4": require("./item4.png"),
"5": require("./item5.png")
}
第2步:在您的应用中导入图片并根据需要进行操作
class ListRepoApp extends Component {
renderItem = ({item }) => (
<View style={styles.item}>
<Text>Item number :{item}</Text>
<Image source={Images[item]}/>
</View>
);
render () {
const data = ["1","2","3","4","5"]
return (
<FlatList data={data} renderItem={this.renderItem}/>
)
}
}
export default ListRepoApp;
如果您想要详细的解释,可以点击下面的链接。 https://www.thelearninguy.com/react-native-require-image-using-dynamic-names
礼貌:https://www.thelearninguy.com