Приложение, в котором есть категории, у каждой категории имеется иконка.
Данные иконки загружены в директорию Source - то есть по сути находятся на устройстве пользователя.
Данные категорий находятся в локальной базе данных, где в каждом элементе есть поле imgName.
В ней по сути просто наименования файла, например: "image.PNG".
В идеале, хотелось бы изменять путь изображения интерполяцией. `../source/${data,imgName}`;
Если объявить переменную с подобным путем или сразу прописать в require() - это не работает, т.к ему нужен именно статический путь.
2 решение (крайне не удобное) реализуется созданием списка изображений и прописью туда каждого пути.
export const imgAssets = new Map([
["test_ico.png", require("../dictionaryico/test_ico.png")],
["mydictionary_ico.png", require("../dictionaryico/mydictionary_ico.png")]
]);
Это крайне не удобно, в таком варианте нужно будет прописывать для каждого изображения пути вручную, плюс к тому, если необходимо будет изменить изображение, придется его менять и делать обновление.
Изображения иконок должны быть внутри пользователя, с хоста их подтягивать совсем не вариант.
Есть ли какие идеи как это можно решить ?