Реагировать на родной элемент FlatList с разными позициями (Type Vertical Scroll Game Map)

Question

Привет, ребята ...

КОНТЕКСТ Я работаю с собственным приложением реакции (SDK-30), используя Expo (30.0.1), где яНужно построить список предметов с вертикальной ориентацией.Я использую FlatList, который отвечает за рисование элементов на экране, но в FlastList у меня есть объект, который отображает тип изображения Map Game Vertical.

NEED Мне нужно расположить каждый элемент по орденунад изображением дороги.

ПОПЫТКИ РЕШЕНИЙ

-Положите абсолютное значение для каждого элемента и установите отрицательное значениеи положительное значение последовательно, поэтому первый элемент будет слева, а следующий справа.

-Поставьте непосредственно каждый элемент в указанной позиции и не используйте FlatList.

ПРОБЛЕМЫ

Проблема с предыдущими решениями заключается в том, что каждая позиция изменяется в зависимости от размеров устройства.

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ

-При использовании .jpg с определенными размерами

- мне нужно поместить приблизительно 200 элементов, по этой причине я использую FlatList, который отображает сегменты из 20 элементов, и каждый сегмент имеет изображение.

У вас есть идеи, чтобы решить эту проблему?

Answer 1

Я сделал одну попытку: https://snack.expo.io/@zvona/correct-positioning

Для изменения разрешения может потребоваться дополнительная подстройка, особенно если соотношение отличается (когда изображение преобразуется).Вам нужно нарисовать несколько фонов и применить их на основе текущего соотношения сторон экрана.

Я не буду вставлять здесь фактический код, но не стесняйтесь проверять Snack, а затем оценивать, является ли он более пригодным для использования, чем ваш текущийосуществление.