React native 如何在React Native中更改TimePickerAndroid的颜色？

是否可以更改TimePickerAndroid组件的默认颜色

---

使用React native，很遗憾，没有

但是，通过在RN中更改一些java文件并使用，您可能能够做到这一点。 如果您成功地做到了这一点，我建议您在RN的存储库上创建一个Pull请求，因为它可能对其他用户非常有用。

---

您还可以通过NPM将其开发为一个模块和开放源代码。

使用React native，遗憾的是没有

但是，通过在RN中更改一些java文件并使用，您可能能够做到这一点。 如果您成功地做到了这一点，我建议您在RN的存储库上创建一个Pull请求，因为它可能对其他用户非常有用。

---

您还可以通过NPM将其开发为一个模块和开放源码。

您必须从android的styles.xml文件中更改它。以下是您要做的：

1） 打开styles.xml：“android/app/src/main/res/values/styles.xml” 2） 您需要添加几行：

<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:timePickerDialogTheme">@style/Dialog.Theme</item>
</style>

<style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">#FF0000</item>
    <item name="android:textColorPrimary">#0000FF</item>
</style>

@style/Dialog.Theme
#FF0000
#0000FF

在styles.xml中，您应该已经有：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

如果您这样做，只需添加其余的行。如果没有，请继续添加它们

---

4） 最后，只需重新编译应用程序。“react native run android”。你应该马上看到颜色的变化

您必须从android的styles.xml文件中更改它。以下是您要做的：

1） 打开styles.xml：“android/app/src/main/res/values/styles.xml” 2） 您需要添加几行：

<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:timePickerDialogTheme">@style/Dialog.Theme</item>
</style>

<style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">#FF0000</item>
    <item name="android:textColorPrimary">#0000FF</item>
</style>

@style/Dialog.Theme
#FF0000
#0000FF

在styles.xml中，您应该已经有：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

如果您这样做，只需添加其余的行。如果没有，请继续添加它们

---

4） 最后，只需重新编译应用程序。“react native run android”。你应该马上看到颜色的变化

这是正确的答案。应该这样标记。这对我来说很有效——给这个答案打勾。这是正确的答案。它应该这样标记。这对我来说很有效——给这个答案打勾。