Reactjs 如何使全尺寸图像像地图一样水平和垂直滚动

我正在尝试使图像可以水平、垂直滚动、缩放，并允许我在图像上放置标记。真的，它就像谷歌地图，但它是一个信息图形图像

我尝试将其放置在两个滚动视图中，这里给出了答案： . 我试过了，但没用

<ScrollView>
  <ScrollView horizontal>
    <image horizontalAlignment="center" verticalAlignment="center" src="~/assets/images/body.png" stretch="aspectFull"/>
  </ScrollView>
</ScrollView>

aspectFull

允许我显示图像的实际分辨率，但它只允许我垂直滚动

总之，我想让它的行为就像谷歌地图，但使用图像代替

---

谢谢

我已经设法让它工作了，只是为了尽可能少地满足我的问题。但是，结果不是很理想，因为它限制了用户一次只能在一个方向上滚动（例如，您将无法沿对角线滚动）。无论如何，这将是另一个问题，因此下面是答案：

<ScrollView  orientation="vertical">
    <ScrollView  orientation="vertical">
        <ScrollView width="823" orientation="horizontal">
            <ScrollView width="823" orientation="horizontal">
                <image loadMode="async" horizontalAlignment="center" verticalAlignment="center" src="~/assets/images/body.png" stretch="aspectFull"/>
            </ScrollView>
        </ScrollView>
    </ScrollView>
  </ScrollView>
</ScrollView>

---

注意：内部滚动视图的宽度设置为与图像的宽度相同

您想有垂直和水平滚动条吗？或者像谷歌地图一样通过拖动鼠标滚动？嵌套的滚动视图需要在各自的平台上采用不同的实现方式，如果我没记错的话，您正在寻找类似插件的东西，它允许用户在图像上收缩/缩放和移动。