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" />