.NET MAUI中如何在C#代码里设置FlexLayout的Grow属性？

在.NET MAUI里，Grow是FlexLayout的附加属性，无法直接在子元素的对象初始化器中通过Grow=1的形式设置，需要通过以下两种方式实现：

方式一：在对象初始化器中使用附加属性语法 #

直接在内部FlexLayout的初始化代码中添加FlexLayout.Grow = 1：

using Microsoft.Maui.Layouts;
using Microsoft.Maui.Controls;
using System;

namespace PagesDemo
{
    public class FlexDemo : ContentPage
    {
        public FlexDemo()
        {
            Content = new FlexLayout
            {
                Direction = FlexDirection.Column,
                Children = {
                    new Label
                    {
                        Text = "HEADER",
                        FontSize = 18,
                        BackgroundColor = Colors.Aqua,
                        HorizontalTextAlignment = TextAlignment.Center,
                    },

                    new FlexLayout
                    {
                        FlexLayout.Grow = 1, // 在这里设置Grow属性
                        BackgroundColor = Colors.LightGray // 添加背景色方便查看拉伸效果
                    }
                }
            };
        }
    }
}

方式二：调用静态方法显式设置 #

如果是后续动态添加子元素，可以使用FlexLayout.SetGrow静态方法：

var innerFlex = new FlexLayout { BackgroundColor = Colors.LightGray };
FlexLayout.SetGrow(innerFlex, 1);
// 将innerFlex添加到父FlexLayout的Children集合中
parentFlex.Children.Add(innerFlex);

说明 #

设置Grow=1后，内部FlexLayout会在父FlexLayout的Column方向（垂直方向）上占据所有剩余可用空间。如果有多个子元素设置了Grow属性，剩余空间会按Grow值的比例分配。

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