屏幕顶部和底部的不需要的边距

Question

我的应用加载屏幕中的UI有点麻烦。加载页面顶部和底部不应有任何边距

看起来如何。

我希望它看起来如何。

这是代码：

<StackLayout Grid.Row="2" Orientation="Vertical" HorizontalOptions="FillAndExpand">
    <BoxView HeightRequest="0.35" Color="{StaticResource DarkGrayColor}" />
    <Label Text="{helpers:Translate Cancel}" FontSize="Large" TextColor="{StaticResource PrimaryDarkColor}"
        HorizontalOptions="Center" VerticalOptions="Center" />
    <StackLayout.GestureRecognizers>
        <TapGestureRecognizer Command="{Binding CancelCommand}" />
    </StackLayout.GestureRecognizers>
</StackLayout>

此代码属于加载屏幕的底部。

我是XAML的新手。

Answer 1

如果你知道哪个控件占用了额外的空间，你可以自己解决这个问题。  除非另有说明，否则您应该知道VerticalOptions默认值为LayoutOptions.Fill，我认为此提示可以解决您的问题。看看哪个是底部的控件或哪个布局包裹了StackLayout

以下是您可以自行解决的问题：

启用布局边界以查看哪个控件占用了多少空间，这可以帮助您更好地设计内容。

设置 - ＆gt;开发者选项 - ＆gt;显示布局边界