NativeScript iPhone X размещает контент в безопасной зоне - PullRequest
Новая
       9

NativeScript iPhone X размещает контент в безопасной зоне

0 голосов
/ 27 августа 2018

возможно ли разместить контент, в моем случае кнопку, внутри (нижней) области размещения на iPhoneX?

Вот как это выглядит сейчас.

enter image description here

Для лучшего понимания вот мой HTML. Как я понимаю, Apple не может вставить какой-либо контент в безопасные области, кроме прокрутки.

HTML 

<FlexboxLayout flexDirection="column"
               justifyContent="space-between"
               alignContent="center"
               alignItems="center"
               class="transparentBackground"
               height="100%">
    <FlexboxLayout justifyContent="flex-end"
                   alignItems="center"
                   flexDirection="row"
                   class="action-bar">
        <Label *ngIf="isAdmin"
               text="&#xf086;"
               class="font-awesome action-bar-item"
               (tap)="onAdminPush()"></Label>
        <Label text="&#xf039;"
               class="font-awesome action-bar-item"
               (tap)="onAppointments()"></Label>
    </FlexboxLayout>
    <AbsoluteLayout width="350"
                    height="350"
                    (tap)="onStartAppointment()">
        <Image stretch="aspectFill"
               borderColor="gray"
               borderWidth="1"
               borderRadius="200"
               width="350"
               height="350"
               src="~/Assets/Imgs/terminanfrage.png"></Image>
        <FlexboxLayout alignItems="center"
                       justifyContent="center"
                       width="100%"
                       height="100%"
                       style="color:black;">
            <Label text="Terminanfrage"
                   class="label--appointment font-title-rrm"></Label>
        </FlexboxLayout>
    </AbsoluteLayout>
    <Button class="btn btn-primary call_button font-title-rrm"      
            id="button"
            text="Im Büro anrufen"
            (tap)="onCallOffice()"></Button>
</FlexboxLayout>

1 Ответ

0 голосов
/ 27 августа 2018

Это зависит от того, как выглядит ваш HTML, но если у вас есть GridLayout, который занимает всю страницу, вы можете установить verticalAlignment="bottom" для одного из его дочерних элементов.

РЕДАКТИРОВАТЬ: Я сделал комментарий к этому, но контент не отформатирован так, как я надеялся. Чтобы проверить, можно ли поместить что-то в безопасную зону, попробуйте сделать следующее: 

<GridLayout rows="* 50" height="100%" width="100%" backgroundColor="blue">
    <Button row="1" text="test" backgroundColor="red" verticalAlignment="bottom"></Button>
</GridLayout>
...