反应具有不同位置的本机FlatList项目（类型垂直滚动游戏地图）

Question

嗨，大家好...

上下文我正在使用Expo（30.0.1）使用本机应用程序（SDK-30），在该应用程序中我需要构建垂直方向的项目列表。我使用一个FlatList负责在屏幕上绘制项目，但是在FlastList下，我有一个渲染图像类型为Map Game Vertical。

需要我需要按道路图像上方的orden位置放置每个项目。

尝试的解决方案

-将绝对值放置在每个项目上，并依次放置负值和正值，因此第一个项目在左侧，第二个项目在右侧。

-直接将每个项目放在指定位置，不要使用FlatList。

问题

以前的解决方案的问题在于每个位置都会根据设备大小而变化。

其他信息

-使用具有特定大小的.jpg

-由于这个原因，我需要使用大约200个项目，因此我正在使用FlatList渲染20个项目的分段，每个分段都有一个图像。

您有解决任何想法吗？

Answer 1

我尝试了以下尝试：https://snack.expo.io/@zvona/correct-positioning

更改分辨率可能需要一些额外的微调，尤其是当比率不同时（图像将转换时）。您需要绘制几个背景并根据当前的屏幕比例应用它们。

我不会在此处粘贴实际的代码，但是可以随时检查Snack，然后评估它是否比您当前的实现更有用。