如何使全尺寸图像可以像地图一样在水平和垂直方向上滚动

我试图使图像水平,垂直,可缩放,并允许在图像上放置标记。确实,它就像Google Map,但是它是一个信息图图像。

我试图将其放置在两个滚动视图中,在这里得到了回答: https://github.com/facebook/react-native/issues/2962。我试过了,但是没有用。

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

aspectFull允许我显示图像的实际分辨率,但是仅允许我垂直滚动。

总而言之,我想使其表现得像Google Map,但使用图像代替。

谢谢

sunicon 回答:如何使全尺寸图像可以像地图一样在水平和垂直方向上滚动

我已经设法使其能够满足最低限度的要求。但是,结果不是很理想,因为它限制了用户一次只能在一个方向上滚动(例如,您将无法对角滚动。)无论如何,这将是另一个问题,因此,答案是:>

<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>

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

本文链接:https://www.f2er.com/3139060.html

大家都在问