This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

ist-react-native-date-picker
TypeScript icon, indicating that this package has built-in type declarations

0.0.12 • Public • Published

React Native Date Picker npm Build status npm

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 순서로 되어있음.
  1. 수정 후
        <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 - 시간 - 분 으로 순서 배치 변경

Dependencies (0)

    Dev Dependencies (5)

    Package Sidebar

    Install

    npm i ist-react-native-date-picker

    Weekly Downloads

    1

    Version

    0.0.12

    License

    MIT

    Unpacked Size

    225 kB

    Total Files

    139

    Last publish

    Collaborators

    • taetaeo