.NET MAUI网格布局底部出现多余空白，如何解决？

我使用了如下简单的Grid布局：

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="5*" />
        <RowDefinition Height="1*" />
    </Grid.RowDefinitions>

    
    <Button Grid.Row="0"
            Text="Test1"
            VerticalOptions="Fill"
            BackgroundColor="Green"/>
    

    <Button Grid.Row="1"
            Text="Test2"
            VerticalOptions="Fill"
            BackgroundColor="Red"/>
    

</Grid> 

期望红色按钮区域能延伸至屏幕底部，但实际存在部分空白区域：

改用带Footer的CollectionView布局时，底部区域能被正常填满：

参考代码如下：

<CollectionView>
    <CollectionView.Header>
        <Button 
            Text="Test1"
            VerticalOptions="Fill"
            BackgroundColor="Green"/>

    </CollectionView.Header>
    <CollectionView.EmptyView>
        <Label Text="No items"/>

    </CollectionView.EmptyView>
    <CollectionView.Footer>

        <Button 
            Text="Test2"
            VerticalOptions="Fill"
            BackgroundColor="Red"/>
    </CollectionView.Footer>

</CollectionView>

请问不使用CollectionView的情况下，如何让Grid布局填满底部的"Footer"区域？（运行环境：Mac的iOS 16.2模拟器）

核心问题是Grid本身没有占满父容器的全部垂直空间，CollectionView默认会自动填充父容器可用空间，而Grid需要显式配置布局选项来实现相同效果。你可以通过以下两种方式解决：

方式一：给Grid设置VerticalOptions="FillAndExpand" #

修改Grid的属性，强制它填充父容器的垂直空间：

<Grid VerticalOptions="FillAndExpand">
    <Grid.RowDefinitions>
        <RowDefinition Height="5*" />
        <RowDefinition Height="1*" />
    </Grid.RowDefinitions>

    <Button Grid.Row="0"
            Text="Test1"
            VerticalOptions="Fill"
            BackgroundColor="Green"/>

    <Button Grid.Row="1"
            Text="Test2"
            VerticalOptions="Fill"
            BackgroundColor="Red"/>
</Grid>

方式二：确保Grid的父容器也配置正确布局 #

如果Grid的父容器（比如ContentPage的Content）没有占满全屏，也会导致底部空白。可以同时给父容器设置VerticalOptions="FillAndExpand"，示例如下：

<ContentPage ...>
    <ContentPage.Content>
        <Grid VerticalOptions="FillAndExpand">
            <!-- 你的Grid内容 -->
        </Grid>
    </ContentPage.Content>
</ContentPage>

补充说明 #

• FillAndExpand会让元素先填充当前可用空间，同时在有额外空间时主动扩展占据；单纯的Fill只会填充现有分配的空间，不会主动扩展。
• 在iOS环境中，部分默认容器不会自动让子元素占满全屏，显式设置VerticalOptions可以强制子元素填充整个可用区域。

内容的提问来源于stack exchange，提问作者Adam B