Xamarin UWP设置Orientation="Horizontal"时单选按钮不显示问题

该问题本质是Xamarin.Forms在UWP平台的布局测量bug：当视图位于导航栈中时，横向排布的布局容器第一次测量会拿到无限大的宽度约束，RadioButton控件无法基于无限宽度完成文本测量，就会出现坍缩不显示的情况；脱离导航结构时父容器传递的是有限宽度约束，因此布局表现正常，和你测试到的现象完全吻合。
可直接选用以下任意一种方案修复，不需要硬编码固定WidthRequest，能自适应数据库返回的任意长度选项文本：

• 方案1：使用FlexLayout替代横向StackLayout承载单选按钮组
  FlexLayout的UWP渲染逻辑不会受无限宽度测量问题影响，同时支持自适应排布、长文本自动换行，适配成本最低。核心XAML写法参考：

  <!-- 父容器设置填充占满可用水平空间 -->
  <StackLayout HorizontalOptions="FillAndExpand" Padding="16">
      <FlexLayout Direction="Row" 
                  Wrap="Wrap"
                  JustifyContent="Start"
                  AlignItems="Center"
                  Spacing="16"
                  x:Name="RadioButtonHolder">
          <!-- 动态加载的数据库单选选项直接添加到该容器即可 -->
      </FlexLayout>
  </StackLayout>
  

  该方案不需要给任何RadioButton设置固定宽度，控件会根据文本长度自动计算尺寸，水平空间不足时自动换行，不会出现文本截断问题。
• 方案2：给横向布局容器绑定父容器实际宽度
  如果要保留原有StackLayout横向排布逻辑，不需要自定义渲染器，只需要把横向容器的WidthRequest绑定到直接父容器的实际宽度，强制给布局传递有限宽度约束即可，参考写法：

  <StackLayout x:Name="PageRoot" HorizontalOptions="FillAndExpand">
      <StackLayout Orientation="Horizontal"
                   Spacing="12"
                   WidthRequest="{Binding Source={x:Reference PageRoot}, Path=Width}">
          <!-- 单选按钮放置区域 -->
      </StackLayout>
  </StackLayout>
  

  注意父容器必须设置HorizontalOptions="FillAndExpand"，否则绑定的宽度值会出现偏差。
• 方案3：在现有UWP自定义渲染器中修正测量逻辑
  如果你已经为RadioButton编写了UWP平台自定义渲染器，可以直接重写测量方法，在拿到无限宽度约束时主动替换为页面可视区域宽度，从渲染层绕开bug，核心代码参考：

  protected override Windows.Foundation.Size MeasureOverride(Windows.Foundation.Size availableSize)
  {
      // 修正横向布局下无限宽度导致的测量坍缩问题
      if (double.IsInfinity(availableSize.Width))
      {
          // 减去页面左右默认边距，可根据自己的页面布局调整数值
          availableSize.Width = Window.Current.Bounds.Width - 48;
      }
      return base.MeasureOverride(availableSize);
  }
  

  该方案不需要修改前端XAML布局，适配成本最低，且不会影响其他平台的渲染逻辑。

优先推荐使用FlexLayout方案，除了解决当前显示问题，还能适配选项数量多、单选项文本过长的场景，不需要额外处理屏幕旋转、不同分辨率设备的适配问题。

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