Xamarin.Forms DatePicker弹窗不响应AppThemeBinding深色主题配色异常

问题根因 #

AppThemeBinding仅对Xamarin.Forms封装层的控件属性生效，DatePicker的选择弹窗是各平台调用的原生系统组件，默认不受Forms全局主题配置控制，因此会出现深色模式下白色背景搭配白色文字的显示异常问题。

修复方案 #

方案一：原生平台全局样式配置（改动最小，推荐） #

Android端配置

• 打开Android项目Resources/values目录下的styles.xml文件，添加DatePicker弹窗主题绑定：

<style name="MainTheme.Base" parent="Theme.MaterialComponents.Light.DarkActionBar">
  <!-- 保留原有配置不变 -->
  <item name="android:datePickerDialogTheme">@style/DatePickerDialogTheme</item>
</style>

<style name="DatePickerDialogTheme" parent="Theme.MaterialComponents.DayNight.Dialog">
  <item name="colorPrimary">@color/你的应用主色</item>
  <item name="colorOnPrimary">@android:color/white</item>
  <item name="colorSurface">?attr/colorBackground</item>
  <item name="colorOnSurface">?attr/textColorPrimary</item>
</style>

• 若项目未配置深色模式资源目录，新建Resources/values-night目录，添加同文件名的styles.xml，配置深色模式下对应的颜色值即可。

iOS端配置

• 打开iOS项目的AppDelegate.cs，在FinishedLaunching方法中添加全局外观配置：

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    global::Xamarin.Forms.Forms.Init();
    // 适配系统主题自动切换DatePicker样式
    UIDatePicker.Appearance.OverrideUserInterfaceStyle = UIUserInterfaceStyle.Unspecified;
    UILabel.AppearanceWhenContainedIn(typeof(UIDatePicker)).TextColor = UIColor.Label;
    LoadApplication(new App());
    return base.FinishedLaunching(app, options);
}

方案二：自定义渲染器（适用于需要自定义弹窗样式的场景） #

如果需要弹窗样式完全匹配应用内自定义配色，可分别实现Android、iOS平台的DatePicker自定义渲染器，在弹窗创建时手动设置对应主题下的背景、文字、选中色等属性。

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