Как сделать полноразмерное изображение прокручиваемым по горизонтали и вертикали, как на карте - PullRequest
Новая
       27

Как сделать полноразмерное изображение прокручиваемым по горизонтали и вертикали, как на карте

0 голосов
/ 08 ноября 2019

Я пытаюсь сделать изображение прокручиваемым по горизонтали, вертикали, с возможностью увеличения и позволить мне размещать на нем маркеры. На самом деле, это как 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, но вместо этого используется изображение.

Спасибо

1 Ответ

0 голосов
/ 08 ноября 2019

Мне удалось заставить его работать, просто чтобы удовлетворить мои вопросы в минимуме. Однако результат не очень желателен, так как он ограничивает пользователя прокруткой только в одном направлении за раз (например, вы не сможете прокручивать по диагонали.) В любом случае, это был бы другой вопрос, поэтому вот ответ: 

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

Примечание. Ширина внутреннего прокрутки устанавливается равной ширине изображения.

...