ist-react-native-date-picker v0.0.12

React Native Date Picker

Description

이 라이브러리는 React Native 환경에서 동작하는 Date-picker 라이브러리에 대한 커스텀화한 라이브러 입니다.

라이브러리 보러가기

변경 내용

Andorid 적용

1. 수정 전 (android/native_picker.xml)

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/hour"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native_small"
            android:tag="hour"
            android:contentDescription="@string/hour_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/minutes"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native_small"
            android:tag="minutes"
            android:contentDescription="@string/minutes_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/ampm"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native"
            android:tag="ampm"
            android:contentDescription="@string/ampm_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

• 기존 UI 배치가 시간 - 분 - AMPM 순서로 되어있음.

2. 수정 후

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/ampm"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native"
            android:tag="ampm"
            android:contentDescription="@string/ampm_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/hour"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native_small"
            android:tag="hour"
            android:contentDescription="@string/hour_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

        <com.henninghall.date_picker.pickers.AndroidNative
            android:id="@+id/minutes"
            android:theme="@style/DatePickerTheme"
            style="@style/android_native_small"
            android:tag="minutes"
            android:contentDescription="@string/minutes_description"
            android:focusable="true"
            android:focusableInTouchMode="true" />

• 커스텀화를 위해 AMPM - 시간 - 분 으로 순서 배치 변경