如何让Xamarin Forms iOS的Label匹配父级ScrollView高度？

针对iOS平台下ScrollView中的Label无法撑满容器高度，且内容更新后布局不刷新的问题，提供以下几种可行方案：

方案1：用ContentView作为Label容器（最简便） #

将蓝色背景移到ContentView上，让ContentView撑满ScrollView，再让Label填充满ContentView，从根源避免Label高度受内容限制。

<ScrollView Grid.Row="1" Margin="0,4,0,4" Padding="0,4,0,4" VerticalOptions="Fill" Scrolled="sv_Scrolled">
    <ContentView BackgroundColor="Blue" Margin="16,0,16,0" Padding="30,4,30,4" VerticalOptions="Fill">
        <Label x:Name="label" TextType="Html" LineBreakMode="WordWrap" VerticalOptions="FillAndExpand"/>
    </ContentView>
</ScrollView>

• 优势：无需额外代码，内容超过ScrollView高度时自动触发滚动，背景始终覆盖整个容器。
• 原理：ContentView的VerticalOptions="Fill"会强制撑满ScrollView，Label的FillAndExpand则会填充满ContentView的可用空间。

方案2：绑定Label高度到ScrollView实际高度 #

通过数据绑定让Label高度跟随ScrollView的实际高度，同时修正padding/margin带来的高度偏差。

步骤1：添加高度修正转换器 #

public class SubtractPaddingConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double actualHeight && parameter is string paddingStr)
        {
            var paddings = paddingStr.Split(',').Select(double.Parse).ToArray();
            if (paddings.Length == 4) // 依次为：ScrollView上下padding、Label上下padding
            {
                return actualHeight - paddings[0] - paddings[1] - paddings[2] - paddings[3];
            }
        }
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

步骤2：XAML中使用绑定 #

<ContentPage.Resources>
    <local:SubtractPaddingConverter x:Key="SubtractPaddingConverter"/>
</ContentPage.Resources>

<ScrollView x:Name="scrollView" Grid.Row="1" Margin="0,4,0,4" Padding="0,4,0,4" VerticalOptions="Fill" Scrolled="sv_Scrolled">
    <Label x:Name="label" TextType="Html" BackgroundColor="Blue" Margin="16,0,16,0" Padding="30,4,30,4" LineBreakMode="WordWrap" 
           VerticalOptions="Fill" 
           HeightRequest="{Binding Source={x:Reference scrollView}, Path=ActualHeight, Converter={StaticResource SubtractPaddingConverter}, ConverterParameter='4,4,4,4'}"
           MinimumHeightRequest="{Binding Source={x:Reference scrollView}, Path=ActualHeight, Converter={StaticResource SubtractPaddingConverter}, ConverterParameter='4,4,4,4'}"/>
</ScrollView>

步骤3：内容更新后触发布局刷新 #

// 更新Label文本后调用
label.Text = newContent;
label.InvalidateMeasure();
scrollView.ForceLayout();

方案3：自定义iOS ScrollView渲染器 #

通过原生渲染器强制控制ScrollView内容高度，适配iOS平台的布局逻辑。

步骤1：定义自定义ScrollView #

public class FullHeightScrollView : ScrollView
{
}

步骤2：iOS平台渲染器实现 #

[assembly: ExportRenderer(typeof(FullHeightScrollView), typeof(FullHeightScrollViewRenderer))]
namespace YourAppNamespace.iOS.Renderers
{
    public class FullHeightScrollViewRenderer : ScrollViewRenderer
    {
        protected override void OnElementChanged(VisualElementChangedEventArgs e)
        {
            base.OnElementChanged(e);
            AdjustContentHeight();
        }

        public override void LayoutSubviews()
        {
            base.LayoutSubviews();
            AdjustContentHeight();
        }

        private void AdjustContentHeight()
        {
            if (Element is FullHeightScrollView && ContentSize.Height < Frame.Height)
            {
                ContentSize = new CGSize(ContentSize.Width, Frame.Height);
            }
        }
    }
}

步骤3：XAML中使用自定义ScrollView #

<local:FullHeightScrollView Grid.Row="1" Margin="0,4,0,4" Padding="0,4,0,4" VerticalOptions="Fill" Scrolled="sv_Scrolled">
    <Label x:Name="label" TextType="Html" BackgroundColor="Blue" Margin="16,0,16,0" Padding="30,4,30,4" LineBreakMode="WordWrap" VerticalOptions="Fill"/>
</local:FullHeightScrollView>

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