MAUI中iOS端Border内Label不显示问题求助

你遇到的是MAUI Border组件在iOS上的布局适配问题，以下是两种可行的解决方法：

方法一：用Grid包裹Label #

将Label放在Grid容器中，Grid会自动填充Border的可用空间，确保Label能正确显示：

<StackLayout Orientation="Horizontal">
    <Border
        Stroke="Transparent"
        BackgroundColor="Aqua"
        Padding="0"
        WidthRequest="60"
        HeightRequest="60">
        <Border.StrokeShape>
            <RoundRectangle CornerRadius="30" />
        </Border.StrokeShape>
        <!-- 添加Grid作为容器 -->
        <Grid>
            <Label
                TextColor="Black"
                Text="7"
                HorizontalOptions="Center"
                VerticalOptions="Center" />
        </Grid>
    </Border>
    <Frame
        BorderColor="Transparent"
        CornerRadius="30"
        WidthRequest="60"
        HeightRequest="60"
        Padding="0"
        BackgroundColor="Yellow">
        <Label
            TextColor="Black"
            Text="7"
            HorizontalOptions="Center"
            VerticalOptions="Center" />
    </Frame>
</StackLayout>

方法二：调整Label的布局对齐属性 #

修改Label的HorizontalOptions和VerticalOptions为Fill，同时设置文本居中对齐，让Label填充Border空间并显示文本：

<StackLayout Orientation="Horizontal">
    <Border
        Stroke="Transparent"
        BackgroundColor="Aqua"
        Padding="0"
        WidthRequest="60"
        HeightRequest="60">
        <Border.StrokeShape>
            <RoundRectangle CornerRadius="30" />
        </Border.StrokeShape>
        <Label
            TextColor="Black"
            Text="7"
            HorizontalOptions="Fill"
            VerticalOptions="Fill"
            HorizontalTextAlignment="Center"
            VerticalTextAlignment="Center" />
    </Border>
    <Frame
        BorderColor="Transparent"
        CornerRadius="30"
        WidthRequest="60"
        HeightRequest="60"
        Padding="0"
        BackgroundColor="Yellow">
        <Label
            TextColor="Black"
            Text="7"
            HorizontalOptions="Center"
            VerticalOptions="Center" />
    </Frame>
</StackLayout>

原因说明 #

MAUI的Border组件在iOS平台的布局逻辑与Frame不同：Frame默认会为子元素分配填充自身的空间，而Border直接承载单个控件时，iOS端可能无法正确测量控件的显示范围，导致Label文本不可见。通过容器包裹或调整控件布局属性，能强制Label填充Border的可用空间，从而正常显示文本。

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