StackLayout вертикальное выравнивание - PullRequest
Новая
       11

StackLayout вертикальное выравнивание

0 голосов
/ 13 ноября 2018

Я пытаюсь поместить кнопку внизу StackLayout, и она не работает. Я не знаю, что я делаю не так!

enter image description here

Вот мой шаблон: 

<Page actionBarHidden="true">
    <GridLayout rows="*, *, *, *" columns="*">
        <StackLayout horizontalAlignment="center"
                     verticalAlignment="center">
            <Label text="My Account" id="login-label"/>
        </StackLayout>
        <CardView row="1" class="cardStyle" margin="10"
                  elevation="40"
                  radius="4"
                  verticalAlignment="center"
                  horizontalAlignment="center"
                  rowSpan="2"
                  id="login-box">
            <StackLayout id="form-container">
                <TextField hint="Login"/>
                <TextField hint="Password"/>
                <Label text="Forgot password?" horizontalAlignment="right"/>
                <Button text="Button" @tap="loginButton()" verticalAlignment="bottom"/>
            </StackLayout>
        </CardView>
    </GridLayout>
</Page>

Спасибо!

1 Ответ

0 голосов
/ 13 ноября 2018

StackLayout не поддерживает это своим дизайном. Он используется, чтобы просто складывать дочерние элементы один за другим в заданной ориентации, вы не можете иметь смешанный вывод - несколько дочерних элементов вверху и несколько внизу или в центре.

Используйте компоновку Grid / Dock, чтобы закрепить элемент внизу.

...