Импортирование нескольких SVG по имени в реагирующий нативный компонент

Question

Я пытаюсь получить несколько значков из папки assets / Icons, где я разместил несколько значков как svgs. Я хочу загрузить svg, передавая имя.

Я могу получить значок по

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

<View>
    <CustomIcon/>
</View>

, но не могу написать несколько импортов для каждого нужного мне значка.

есть ли способЯ могу получить требуемые значки, передавая имя в качестве реквизита

пример

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

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

Есть ли в любом случае, чтобы я мог заставить работать приведенный выше код?

Answer 1

Почему бы вам не импортировать их все в центральный файл

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

export default { 
    AccountIcon,
    GearIcon
}

, а затем импортировать этот центральный файл в другое место?