Solve Problem/React Native

[React Native] Android TimePicker 색깔 커스텀하는 방법

안다희 2021. 10. 19. 14:01
728x90

android/app/src/main/res/values/styles.xml 파일을 수정하면 된다.

<resources>

    <!-- 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/DialogDatePicker.Theme</item>
       <!-- 시간 선택 피커. -->
        <item name="android:timePickerDialogTheme">@style/DialogDatePicker.Theme</item>
    </style>
    <style name="DialogDatePicker.Theme" parent="Theme.AppCompat.Light.Dialog">
        <item name="colorAccent">#94D0AF</item>
        <item name="android:textColor">#171717</item>
        <item name="android:textColorPrimary">#171717</item>
    </style>
</resources>

 

datepicker: 날짜 선택 -> android:datePickerDialogTheme

timepicker: 시간 선택 -> android:timePickerDialogTheme

 

 

참고: https://github.com/react-native-datetimepicker/datetimepicker/issues/20#issuecomment-602776708

출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]