NativeScript нажмите на элемент с z-index - PullRequest
Новая
       30

NativeScript нажмите на элемент с z-index

0 голосов
/ 12 декабря 2018

Я пытаюсь создать отображение поверх изображения для областей, на которые нужно нажать.На данный момент это демонстрационная версия, и у меня нет времени собрать все нативные части.

Сейчас я накладываю StackLayout поверх Image.StackLayout tap. I tried a suggestion to put into a GridLayout`, но событие касания все еще не работает.Светло-серый фон появляется над областью, которую я хочу. 

<GridLayout rows="*"
            columns="*">
  <StackLayout row="0"
                col="0"
                width="262"
                height="36"
                marginLeft="30"
                marginTop="147"
                backgroundColor="lightgray"
                style="z-index: 2"
                (tap)="onTap()">
  </StackLayout>
  <Image row="0"
            col="0"
            src="~/images/map.svg"
            width="100%"
            height="255"
            style="z-index: 1"></Image>
</GridLayout>

1 Ответ

0 голосов
/ 12 декабря 2018

Изменение мест элементов исправляет это. 

<GridLayout rows="*"
            columns="*">
  <Image row="0"
            col="0"
            src="~/images/map.svg"
            width="100%"
            height="255"
            style="z-index: 1"></Image>
  <StackLayout row="0"
                col="0"
                width="262"
                height="36"
                marginLeft="30"
                marginTop="147"
                backgroundColor="lightgray"
                style="z-index: 2"
                (tap)="onTap()">
  </StackLayout>
</GridLayout>
...