Home > Mobile >  Change background color(default white) in "react-native-date-picker" plugin
Change background color(default white) in "react-native-date-picker" plugin

Time:12-07

[How can i change the background colour which is white , i want to set it according to my theme colour (example. orange, blue , default)

](https://i.stack.imgur.com/p4xS6.png)

I have tried few code like

 <item name="android:background">#0BBCED</item>

in styles.xml file. I don't know that it is right way or not. Can anyone help me.

CodePudding user response:

Maybe bellow link will help you.

https://cmichel.io/styling-datepickerandroid-in-react-native

CodePudding user response:

    You can add <item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
    
    in your style.xml under Base theme like bellow
 
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">#000000</item>
        <item name="android:datePickerDialogTheme">@style/Dialog.Theme</item>
    </style>
    
    
    and you add new style like below
   
<!-- Configuration for Dialog.theme. -->
<style name="Dialog.Theme" parent="Theme.AppCompat.Light.Dialog">
  <!-- BackgroundColor of the date modal -->
    <item name="colorAccent">#0066F5</item>
    <!-- textColor of the date modal -->
    <item name="android:textColorPrimary">#000000</item>
</style>

hope this is working

  • Related