.NET MAUI中AbsoluteLayout嵌套StackLayout时内容不显示的原因

你的代码中ScrollView的AbsoluteLayout布局参数设置错误，导致内容无法显示：

原ScrollView的属性设置存在问题：

<ScrollView HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" AbsoluteLayout.LayoutBounds="0,0,AutoSize, AutoSize" AbsoluteLayout.LayoutFlags="All">

当AbsoluteLayout.LayoutFlags="All"时，LayoutBounds的宽高参数会被解析为比例值，而非固定尺寸或自动适配逻辑。你设置的AutoSize在此模式下无法正确生效，导致ScrollView没有实际宽高，页面自然显示空白。

修复后的ScrollView代码：

<ScrollView AbsoluteLayout.LayoutBounds="0,0,1,1" AbsoluteLayout.LayoutFlags="All">

关键说明： #

• AbsoluteLayout.LayoutBounds="0,0,1,1"：指定控件从父容器左上角(0,0)开始，宽度和高度都占满父容器的100%（1代表比例为100%）
• AbsoluteLayout.LayoutFlags="All"：让LayoutBounds的四个参数（x坐标、y坐标、宽度、高度）全部按比例模式生效
• HorizontalOptions和VerticalOptions无需额外设置，因为AbsoluteLayout的布局优先级更高

完整修复后的代码：

<StackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
    <AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
        <ScrollView AbsoluteLayout.LayoutBounds="0,0,1,1" AbsoluteLayout.LayoutFlags="All">
            <VerticalStackLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="Welcome to .NET MAUI!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
                <Label Text="More labels!" VerticalOptions="Start" HorizontalOptions="Start" />
            </VerticalStackLayout>
        </ScrollView>
    </AbsoluteLayout>
</StackLayout>

修改后ScrollView会正确填充AbsoluteLayout的空间，内部滚动内容即可正常显示，最外层的母版StackLayout不影响修复效果。

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