change react native datetime picker background color 22android 22

Solutions on MaxInterview for change react native datetime picker background color 22android 22 by the best coders in the world

showing results for - "change react native datetime picker background color 22android 22"
Yann
18 Aug 2019
1In android/app/src/main/res/values/styles.xml:
2<resources>
3    <!-- Base application theme. -->
4    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
5        <item name="android:textColor">#000000</item>
6        <!-- Add your date time picker here. -->
7        <item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
8    </style>
9
10    <!-- Add Date time picker dialog theme here. -->
11    <style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
12        <item name="colorAccent">#f3ca1b</item>
13        <item name="android:textColorPrimary">#000000</item>
14    </style>
15</resources>
16
Issa
29 Jan 2018
1i want to share how i can change theme color of the picker.
2in android/app/src/main/res/values/styles.xml i put:
3
4  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
5        <item name="android:datePickerDialogTheme">@style/DialogDatePicker.Theme</item>
6    </style>
7
8<style name="DialogDatePicker.Theme" parent="Theme.AppCompat.Light.Dialog">
9        <item name="colorAccent">@color/ocean_green</item>
10        <item name="android:textColor">@color/dove_gray</item>
11        <item name="android:textColorPrimary">@color/dove_gray</item>
12    </style>
13
14* colorAccent is the color of header of picker and selector
15
16* textColor is the color of numbers and text buttons
17
18* textColorPrimary is the color of text of month.
19I hope it works for you, regards.
20
21Tip for the those using the time picker and would like to change the colors.
22Change android:datePickerDialogTheme to android:timePickerDialogTheme
23
24(======================need more help visit the blow linhk========================)
25https://hashnode.com/post/step-by-step-guide-on-how-to-change-background-and-text-color-of-android-date-time-picker-in-react-native-ckacitc6j02lvb6s1u01uyzzl