fleshherbal
@fleshherbal

Как динамически менять изображение из директории в React Native?

Приложение, в котором есть категории, у каждой категории имеется иконка.
Данные иконки загружены в директорию 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")]
]);


Это крайне не удобно, в таком варианте нужно будет прописывать для каждого изображения пути вручную, плюс к тому, если необходимо будет изменить изображение, придется его менять и делать обновление.

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

Есть ли какие идеи как это можно решить ?
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы