MAUI中代码后台访问cardView为null，子元素正常，原因何在？

问题背景 #

涉及三类组件：

• PopupView：弹窗基类，基于CardView线性展示头部、主体、底部三个ContentView；
• CardView：提供Header/Body/Footer三个可绑定属性的容器组件；
• TestPopup：继承自PopupView，通过PopupView暴露的Body属性设置CardView的Body内容。

关键异常场景：PopupView和CardView位于独立类库中，若TestPopup定义在该类库内一切正常；但将TestPopup放在应用项目中时，会出现异常——在PopupView的OnSizeAllocated方法中，cardView为null，但其子元素bodyContentView却不为null。

核心原因分析 #

1. 跨程序集XAML编译与元素初始化时机差异 #

当TestPopup与PopupView同属一个类库时，XAML编译器能直接解析基类PopupView的所有命名元素（包括cardView），生成的InitializeComponent方法会同步完成所有元素的实例化。但跨程序集时：

• bodyContentView是通过CardView的Body绑定间接创建的，BindableProperty的属性变更通知机制会优先处理赋值逻辑，导致bodyContentView提前完成实例化；
• cardView作为基类XAML中的直接命名元素，跨程序集的XAML解析过程中，派生类TestPopup的InitializeComponent可能无法同步触发基类中cardView的实例化，或者实例化时机晚于OnSizeAllocated的调用。

2. OnSizeAllocated的调用时机过早 #

MAUI中OnSizeAllocated会在视图生命周期的早期触发，甚至可能在基类的XAML元素完全实例化之前执行。在跨程序集场景下，类库类型加载、XAML解析需要额外开销，导致：

• 基类PopupView的cardView尚未完成实例化，OnSizeAllocated就已经被调用；
• 而bodyContentView由绑定系统异步处理，实例化时机不受基类元素初始化的直接影响，因此出现“父元素为null，子元素已存在”的矛盾现象。

3. 跨程序集元素的访问权限限制 #

若PopupView.xaml中cardView的访问修饰符为默认的internal，应用项目访问类库中的PopupView时，运行时反射访问可能存在权限限制，导致无法正确获取cardView实例。而bodyContentView是通过CardView的属性间接传递的，不受此访问权限约束。

验证与解决方案建议 #

方案1：调整元素访问修饰符 #

在PopupView.xaml中给cardView添加x:FieldModifier="public"，确保跨程序集能正常访问实例：

<views:CardView x:Name="cardView" x:FieldModifier="public" VerticalOptions="Center" HorizontalOptions="Center">

方案2：延迟操作到视图完全加载后 #

将OnSizeAllocated中操作cardView的代码移到OnAppearing方法中，确保视图已完全实例化：

protected override void OnAppearing()
{
    base.OnAppearing();
    if (cardView != null && Width != -1 && Height != -1)
    {
        cardView.WidthRequest = Width * TimerToolkitConfig.PopupPageWidthRatio;
        cardView.MinimumHeightRequest = TimerToolkitConfig.ConfirmationPopupContentHeight;
        cardView.MaximumHeightRequest = Height * TimerToolkitConfig.PopupPageHeightRatioMax;
    }
    bodyContentView.Content = Body;
}

方案3：用绑定替代直接元素访问 #

给PopupView添加计算属性，通过绑定实现cardView的尺寸设置，避免直接访问命名元素：

1. 在PopupView中添加计算属性并触发变更通知：

public static readonly BindableProperty WidthProperty = BindableProperty.Create(nameof(Width), typeof(double), typeof(PopupView), propertyChanged: OnSizeChanged);
public static readonly BindableProperty HeightProperty = BindableProperty.Create(nameof(Height), typeof(double), typeof(PopupView), propertyChanged: OnSizeChanged);

public double CalculatedWidth => Width * TimerToolkitConfig.PopupPageWidthRatio;
public double CalculatedMaxHeight => Height * TimerToolkitConfig.PopupPageHeightRatioMax;

private static void OnSizeChanged(BindableObject bindable, object oldValue, object newValue)
{
    ((PopupView)bindable).OnPropertyChanged(nameof(CalculatedWidth));
    ((PopupView)bindable).OnPropertyChanged(nameof(CalculatedMaxHeight));
}

2. 在PopupView.xaml中绑定属性：

<views:CardView x:Name="cardView" 
                WidthRequest="{Binding Source={x:Reference popupView}, Path=CalculatedWidth}"
                MinimumHeightRequest="{x:Static local:TimerToolkitConfig.ConfirmationPopupContentHeight}"
                MaximumHeightRequest="{Binding Source={x:Reference popupView}, Path=CalculatedMaxHeight}">

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