我在一个React Native应用中使用 @react-native-community/datetimepicker。我想使用旋转样式的时间选择器并采用浅色主题。

我的目标是让界面保持简洁、干净，并与浅色主题保持一致。

然而，即使将themeVariant="light" 和textColor="#000" 设置好，Android上的旋转选择器仍然跟随系统的深色主题。

以下是我的代码：

{
showTimePicker && (
    <DateTimePicker
      value={timeValue || new Date()}
      mode="time"
      display="spinner"
      onChange={onPickTime}
      accentColor={ACCENT}
      themeVariant="light"
      textColor="#000"
    />
)
}

在Android上，是否有办法强制让 DateTimePicker 旋转选择器显示为浅色主题？

我知道可以通过修改原生Android文件来改变主题（例如通过 styles.xml），但这种做法会将整个应用的主题强制为浅色。因此，当设备切换到暗色模式时，应用将无法正确适配。

我的目标是：

应用应继续支持浅色和深色模式。

但 DateTimePicker 旋转选择器无论系统主题如何都应始终以浅色主题显示。

有没有办法在不修改XML中全局应用主题的前提下，强制让 DateTimePicker 旋转选择器使用浅色主题？

或者是否有推荐的变通办法/库，可以在React Native中动态控制旋转选择器的主题？

解决方案

我建议你使用其他第三方库，或尝试在XML和 Swift中改用原生代码实现。这样做不会花太多精力。