如何在 react-native 中动态获取本地图像？答案

【问题标题】：How to get local image dynamically in react-native?如何在 react-native 中动态获取本地图像？
【发布时间】：2022-07-20 18:39:08
【问题描述】：

我在 react native 中有一个图标组件，它应该根据图标名称显示正确的图标。

我知道这里有很多这样的问题，但他们都建议使用 switch (if) case 解决方法。但我不能用那个。我有数百个图标，无法为所有图标编写开关。

对于此类问题还有其他更好的解决方案吗？

function Icon(name) {
return (
   <Image source={require(`./icons/${name}.png`)} />
)
}

【问题讨论】：

【解决方案1】：

var image = this.props.active ? require('image!my-icon-active') : require('image!my-icon-inactive');
<Image source={image} />

【讨论】：