[React Native] react-native-modal-datetime-picker 란?

👉 react-native-modal-datetime-picker 란?

React Native에서, 시간 관련 선택창을 보여주는 Node.js 라이브러리

 

설치

npm i react-native-modal-date-time-picker

 

사용법

function onConfirm(){...}
function onCancel(){...}

return(
  <View>
    <Button onPress={setVisible(true)} />
    <DateTimePickerModal
      onConfirm={onConfirm} // 날짜 선택시, 호출 (Date:인자전달) => {}
      onCancel={onCancel} // 날짜 선택 취소시, 호출 함수 지정
      mode="date" // 모드 선택 : date, time, datetime
      date={new Date()} // 초기 날짜 지정
      isVisible={visible} // true시 보여줌, false시 숨김
    />
  <View>
)