通过名称在React-Native组件中导入多个SVG

里兹万·艾哈迈德·希瓦利

我正在尝试从Assets / Icons文件夹中获取多个图标,在其中我已将多个图标作为svg放置,我想通过传递名称来加载svg。

我可以通过以下方式获取图标

import CustomIcon from '../assets/Icons/icon-account.svg';

<View>
    <CustomIcon/>
</View>

但是我不能为我需要的每个图标继续编写多个导入。

有没有办法我可以通过将名称作为道具来获取所需的图标

import CustomIcon from '../assets/Icons';

<View>
    <CustomIcon name='icon-account.svg'/>
</View>

无论如何,我可以使上面的代码正常工作吗?

高丽

为什么不将它们全部导入到中央文件中

import AccountIcon from '../assets/Icons/icon-account.svg';
import GearIcon from '../assets/Icons/icon-gear.svg';

export default { 
    AccountIcon,
    GearIcon
}

然后将该中央文件导入其他地方?

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章