为什么我的 Xamarin.Forms 控件在我的 StackLayout 中重叠？

Question

我正在尝试使用 StackLayout 设计登录页面。我认为每个项目都应该从上到下线性显示，但由于某种原因控件重叠。这是我的 .xaml 文件代码：

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="DJB.Views.LoginPage"
             xmlns:local="clr-namespace:DJB.Controls">

    <ContentPage.Content>
        <StackLayout>
            <Image Source="djblogowithtext" Margin="30,30"></Image>
            <!-- UserName -->
            <Label Text="Username" HorizontalTextAlignment="Center" HeightRequest="15" Margin="1"/>
            <StackLayout BackgroundColor="LightGray" Padding="1" Margin="30,0" HeightRequest="20">
                <local:TextEntry BackgroundColor="White" VerticalOptions="FillAndExpand"/>
            </StackLayout>
            <!-- Password -->
            <Label Text="Password" HorizontalTextAlignment="Center" HeightRequest="15" Margin="1"/>
            <StackLayout BackgroundColor="LightGray" Padding="1" Margin="30,0" HeightRequest="20">
                <local:TextEntry BackgroundColor="White" VerticalOptions="FillAndExpand" />
            </StackLayout>

            <Button Text="Login" Margin="30" BackgroundColor="#f7ebeb" Clicked="Login_Clicked"> </Button>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

这是 Android 上的样子：

我确定这确实很简单，但我是 Xamarin.Forms 的新手，所以不确定为什么会这样。

Answer 1

您指定的控件高度不足以容纳其内容。要么根本不使用一个，让控件自行调整大小，要么使用一个对内容来说足够大的值。

<Label Text="Username" HorizontalTextAlignment="Center" HeightRequest="15" Margin="1"/>

具有默认字体的标签可能需要 30 或更高的高度，而不是 15

为什么我的 Xamarin.Forms 控件在我的 StackLayout 中重叠？

Why are my Xamarin.Forms controls overlapping in my StackLayout?

xaml

xamarin.forms

visual-studio-2017