이 라이브러리는 React Native 환경에서 동작하는 Date-picker
라이브러리에 대한 커스텀화한 라이브러 입니다.
- 수정 전 (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
순서로 되어있음.
- 수정 후
<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 - 시간 - 분
으로 순서 배치 변경