React Native Date Picker

Description

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

라이브러리 보러가기

변경 내용

Andorid 적용

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

1        <com.henninghall.date_picker.pickers.AndroidNative
2            android:id="@+id/hour"
3            android:theme="@style/DatePickerTheme"
4            style="@style/android_native_small"
5            android:tag="hour"
6            android:contentDescription="@string/hour_description"
7            android:focusable="true"
8            android:focusableInTouchMode="true" />
9
10        <com.henninghall.date_picker.pickers.AndroidNative
11            android:id="@+id/minutes"
12            android:theme="@style/DatePickerTheme"
13            style="@style/android_native_small"
14            android:tag="minutes"
15            android:contentDescription="@string/minutes_description"
16            android:focusable="true"
17            android:focusableInTouchMode="true" />
18
19        <com.henninghall.date_picker.pickers.AndroidNative
20            android:id="@+id/ampm"
21            android:theme="@style/DatePickerTheme"
22            style="@style/android_native"
23            android:tag="ampm"
24            android:contentDescription="@string/ampm_description"
25            android:focusable="true"
26            android:focusableInTouchMode="true" />
27

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

2. 수정 후

1        <com.henninghall.date_picker.pickers.AndroidNative
2            android:id="@+id/ampm"
3            android:theme="@style/DatePickerTheme"
4            style="@style/android_native"
5            android:tag="ampm"
6            android:contentDescription="@string/ampm_description"
7            android:focusable="true"
8            android:focusableInTouchMode="true" />
9
10        <com.henninghall.date_picker.pickers.AndroidNative
11            android:id="@+id/hour"
12            android:theme="@style/DatePickerTheme"
13            style="@style/android_native_small"
14            android:tag="hour"
15            android:contentDescription="@string/hour_description"
16            android:focusable="true"
17            android:focusableInTouchMode="true" />
18
19        <com.henninghall.date_picker.pickers.AndroidNative
20            android:id="@+id/minutes"
21            android:theme="@style/DatePickerTheme"
22            style="@style/android_native_small"
23            android:tag="minutes"
24            android:contentDescription="@string/minutes_description"
25            android:focusable="true"
26            android:focusableInTouchMode="true" />
27

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