.NET MAUI中RefreshView导致iOS端内容右移的问题咨询

在iOS设备（模拟器及真机）上测试.NET MAUI应用时出现布局异常，Android模拟器及真机显示正常，具体表现：

• CollectionView未被RefreshView包裹时，其EmptyView除垂直居中存在问题外显示正常；
• 用RefreshView包裹CollectionView后，EmptyView内的Label会被推至右侧；
• 移除RefreshView后，Label可恢复居中显示。

相关代码如下：

<RefreshView
        IsRefreshing="{Binding IsRefreshing}"
        Command="{Binding RefreshCouponsCommand}">
        <CollectionView
            x:Name="MyCouponsList"
            ItemsSource="{Binding Feed}"
            BackgroundColor="Transparent"
            VerticalOptions="StartAndExpand"
            Margin="0,5,0,0">
            <CollectionView.EmptyView>
                <VerticalStackLayout
                    VerticalOptions="CenterAndExpand">
                    <Label
                        Text="No data..."
                        TextColor="{StaticResource Gray600}"
                        HorizontalTextAlignment="Center" />
                </VerticalStackLayout>
            </CollectionView.EmptyView>
        </CollectionView>
    </RefreshView>

这是.NET MAUI在iOS平台的布局兼容性问题，核心原因是RefreshView在iOS端的布局约束逻辑与Android存在差异：

• 当CollectionView被RefreshView包裹后，iOS端的RefreshView会给子视图（CollectionView）添加额外的水平方向约束，导致EmptyView的容器（VerticalStackLayout）无法占据父视图的完整宽度；
• Label的HorizontalTextAlignment="Center"是基于自身所在容器的宽度来实现居中的，当容器宽度不足时，视觉上就会呈现Label被推至右侧的效果；
• Android端的RefreshView对布局约束的处理逻辑不同，不会触发这类水平布局冲突，因此显示正常。

另外，未包裹RefreshView时的垂直居中问题，也是CollectionView在iOS端自身布局优先级设置导致的，RefreshView的加入进一步暴露了水平方向的布局约束问题。

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