react-native-datetimepicker 更改文本顏色

Question

問題

我需要更改 react-native-datetimepicker 選擇器中顯示的文本的顏色，因為我的背景非常暗，並且很難在上面看到文本。

我試過的

我嘗試將 color: 'white' 作為樣式傳遞給 DateTimePicker 組件，並且我還嘗試將 itemStyle 道具傳遞給 DateTimePicker 組件，因為這就是您在 react-native 的 Picker 組件上更改文本 styles 的方式。 兩者都沒有工作。

有誰知道如何更改 react-native-datetimepicker 中的文本樣式？

例子

Answer 1

如果你使用 expo，你必須 go 到 node_modules/react-native-date-picker/style.js 文件夾並使用這個：

dateText: {
    color: '#fff'
},

Answer 2

您必須以十六進制格式傳遞。 如果你傳入#FFFFFF ，文本顏色應該會改變，但有一個問題。 它僅在用戶交互后更改顏色。 當前日期始終設置為黑色。 我不認為它可以修改。https://developer.apple.com/documentation/uikit/uidatepicker ，在本文中指出UIDatePicker不可自定義。

Answer 3

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
    <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>

點擊

Answer 4

你有可用的屬性textColor ：

<DateTimePicker 
...
textColor="white" />