Xamarin Forms的Grid布局在Android与iOS的显示差异是否为默认行为

你遇到的Android和iOS端Grid显示不一致的情况属于Xamarin Forms的平台默认行为，由两端原生控件的默认渲染规则差异导致。

原因说明 #

• iOS端：承载Label的原生控件是UILabel，当Text属性为空时，控件的内容高度会被计算为0，Grid的Auto行高会匹配这个高度，所以第二行直接折叠，下方的Email行自动上移。
• Android端：承载Label的原生控件是TextView，默认配置下就算Text为空，也会保留一行文本的最小行高，Grid的Auto行高会将这个最小高度计入，所以会留下空白区域。

兼容解决方案 #

方案1：绑定Label的可见性（最推荐，全平台通用） #

通过字符串转布尔值转换器，当绑定的文本为空时自动隐藏Label，Grid的Auto行高会自动忽略不可见控件，两端都会自动折叠空白行。

首先定义值转换器：

public class StringToIsVisibleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return !string.IsNullOrWhiteSpace(value as string);
    }

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

然后在XAML中使用：

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

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />  
    </Grid.RowDefinitions>  
    <Label Grid.Row="0" Text="{Binding FirstName}" />
    <Label Grid.Row="1" Text="{Binding LastName}" IsVisible="{Binding LastName, Converter={StaticResource StringToIsVisibleConverter}}"/>
    <Label Grid.Row="2" Text="{Binding Email}" />                                                      
</Grid>

方案2：修改Android端TextView默认配置 #

如果不想用转换器，可以在Android项目的自定义Label渲染器中，给空文本的TextView设置高度为0，不过适配范围不如方案1广。

小提示 #

你当前的XAML代码存在两处不规范写法，建议修正避免潜在编译问题：

• 附加属性Grid.Row首字母需要大写，小写的grid.row属于非规范写法
• 绑定表达式需要用双引号包裹，正确写法为Text="{Binding FirstName}"

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