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

Question

是否可以更改TimePickerAndroid組件的默認顏色？

Answer 1

使用陣營本地的，可惜沒。

但是，通過更改RN中的一些java文件並使用this solution from SO，您可能可以做到這一點。 如果您成功完成此操作，我建議您在RN的存儲庫上創建合併請求，因爲它可能對其他用戶非常有用。 你也可以通過NPM開發它作爲模塊和開源。

Answer 2

你將不得不從android的styles.xml文件改變它。這裏就是你要做的：

1）打開styles.xml： 「Android設備/應用/ src目錄/主/ RES /價值/ 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> 

在styles.xml你應該已經有：

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

如果你只需要添加的其餘線路。如果不能繼續並添加它們。

4）最後，只需重新編譯應用程序。 「react-native run-android」。你應該馬上看到顏色的變化。