0

嗨,大家好...

上下文我正在使用 Expo (30.0.1) 使用 react-native 应用程序 (SDK-30),我需要在其中构建垂直方向的项目列表。我使用负责在屏幕上绘制项目的 FlatList,但在 FlastList 下,我有一个渲染图像类型 Map Game Vertical 的。

需要我需要将每个项目按顺序放置在道路图像上方。

在此处输入图像描述

尝试的解决方案

- 对每个项目进行绝对定位,并连续放置负值和正值,因此第一个项目将在左侧,下一个项目将在右侧。

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

问题

先前解决方案的问题是每个位置都根据设备大小而变化。

附加信息

- 使用具有特定尺寸的 .jpg

- 由于这个原因,我需要放置大约 200 个项目,我使用一个 FlatList 来呈现 20 个项目的片段,每个片段都有一个图像。

你有解决的办法吗?

4

1 回答 1

1

我做了一次尝试:https ://snack.expo.io/@zvona/correct-positioning

分辨率变化可能需要一些额外的微调,特别是如果比率不同(当图像将转换时)。您需要绘制多个背景并根据当前屏幕比例应用它们。

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

于 2018-12-06T20:43:25.563 回答