React Native DateTimePicker安卓样式设置失败及Expo预构建报错求助

1. 核对版本兼容性 #

• 先确认@react-native-community/datetimepicker版本和当前Expo SDK是否匹配。旧版本的这个包大概率没内置Expo config plugin，直接升级到适配当前SDK的最新稳定版：

  npx expo install @react-native-community/datetimepicker@latest
  

2. 移除无效配置 #

• 要是升级后还是报同样的错，说明这个包确实不支持用Expo config plugin配置样式，直接把app.json/app.config.js里对应的plugins配置项删掉。

3. 预构建后改原生代码（仅适合已预构建项目） #

• 先删掉无效的plugins配置，再执行npx expo prebuild --clean完成预构建；之后直接修改安卓原生项目的样式文件：
  • 找到安卓项目目录下的res/values/styles.xml
  • 添加自定义的DateTimePicker样式，示例：

    <style name="CustomDateTimePicker" parent="Theme.MaterialComponents.Light.Dialog">
        <item name="colorAccent">#FF5722</item>
        <item name="android:textColorPrimary">#333333</item>
    </style>
    

  • 按照datetimepicker的原生文档，把这个样式关联到组件的配置中。

4. 换用官方组件更省心 #

• 直接舍弃@react-native-community/datetimepicker，改用Expo官方的expo-datetime-picker，这个组件完全适配Expo生态，不用预构建就能直接通过props设置样式，安装命令：

  npx expo install expo-datetime-picker
  

• 它支持themeColor等属性直接调整样式，完全符合Expo的开发流程。

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