StackLayout的垂直对齐

Question

我试图在StackLayout的底部放置一个按钮，但它不起作用。 我不知道我在做什么错！

这是我的模板：

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

谢谢！

Answer 1

StackLayout不支持其设计。它仅用于在给定方向上一个接一个地堆叠子元素，您无法得到混合的输出-顶部很少有子元素，底部或中间也很少。

使用网格/停靠布局以将元素停靠在底部。