가장 좋은 로컬 날짜 선택기 라이브러리
7203 단어 react
July 9, 2010
이나 September 7, 2010
을 없애 날짜 검증 문제의 복잡성을 낮추어 응용 프로그램의 가용성을 높인다.안드로이드와 iOSDatePickerAndriod 및 DatePickerIOS에 React 네이티브 날짜 선택기 API를 제공하는 React 네이티브 프레임워크가 사용되지 않습니다.현재 선택은 날짜 선택기를 처음부터 구축하거나 다른 날짜 선택기 라이브러리를 사용하는 것입니다.
우리는 몇 가지 유행하는React 원생 날짜 선택기 라이브러리를 연구하고 시도하여 하나의 좋은 라이브러리를 구성하는 요소에 따라 네 가지 옵션으로 축소시켰다.4대 도서관 중에서 우리는 React-Native DateTimePicker가 가장 좋은 것을 발견했다.우리는 당신에게 우리의 선택 이유를 소개할 것입니다.
도서관을 선택하기 전에 무엇을 고려해야 합니까?
최상위 React Native date picker 라이브러리를 선택할 때 다음과 같은 몇 가지 요소를 고려했습니다.
문서: 문서는 모든 도서관의 필수품이기 때문에 도서관에 문서 파일이나 사이트가 있는지 확인해야 합니다.문서가 상세합니까? 간단한 언어로 작성합니까?그것은 어떻게 라이브러리를 설치하고 설정하는지, 어떻게 코드 예시를 통해 라이브러리를 사용하는지, 그리고 어떻게 흔한 문제나 흔한 문제를 해결하는지 명확하게 강조했습니까?
인기 정도: 만약 많은 개발자들이 특정한 라이브러리를 적극적으로 사용한다면, 그것은 이 일을 완성할 가능성이 높다.우리가 본 인기 지표는 도서관npm 페이지에 기록된 다운로드량, GitHub의 폭스, 스타, 사용자와 공헌자 수 등 지표를 포함한다.
코드 업데이트 빈도: 만약 라이브러리의 코드 라이브러리가 빈번하게 업데이트되지 않았다면, 이것은 라이브러리가 효과적인 유지보수를 받지 못했다는 것을 의미한다.주의해야 할 지표는 마지막 제출 날짜 (1년 전보다 큰 문제는 모두 주목할 만하다), 개방 및 폐쇄 문제의 수량 (후자는 전자보다 커야 한다), 그리고 최종 버전이 발표된 날짜입니다.
가용성: 도서관을 사용하는 것이 얼마나 쉽습니까?당신은 기존의 기술 이외의 신기술을 배워야 합니까?그것은 당신이 필요로 하는 모든 플랫폼을 지원합니까?
소포 크기: 소포를 추가할 때 무게가 얼마나 증가합니까?그것은 당신의 응용 프로그램의 크기를 현저하게 증가시킬 수 있습니까?당신은 bundlephobia를 사용하여 검사를 진행할 수 있습니다.
창작자의 명예: 누가 도서관의 창작자/관리자입니까?그들의 경력은 무엇입니까?그들은 다른 소스 라이브러리를 성공적으로 구축하고 유지했습니까?
React Native DateTimePicker가 가장 좋은 날짜 선택기 라이브러리인 이유
앞에서 말한 바와 같이 우리는 위에서 논의한 요소를 사용하여 몇 개의React 원생 날짜 선택기 라이브러리를 평가했는데 그 중에서 React-Native DateTimePicker는 가방에서 뛰어나다.가장 인기가 많고 다운로드량이 많으며 React 원생 커뮤니티가 창설하고 유지보수한다. React 원생 커뮤니티는 React 원생 생태계에서 가장 인기 있는 소프트웨어 패키지를 구축하고 유지하는 같은 팀이다.
다음은 최상위 레벨 라이브러리의 세부 사양입니다.
Windows 및 Android 운영 체제를 지원합니다.Expo 지원 - React 원본 응용 프로그램 구축에 사용되는 공식 도구체인
고려할 만한 로컬 날짜 선택기 라이브러리 옵션
우리의 평가에 따르면, 우리는 다른 React 원생 날짜 선택기 라이브러리도 추천할 만한 가치가 있다는 것을 발견했다.React Native DateTime Picker가 사용자의 요구에 맞지 않는다면, 세 가지 다른 선택이 있습니다. 이 세 가지는 인기가 많고, 좋은 문서가 있으며, 사용하기도 간단합니다.
React 네이티브 모드 날짜 시간 선택기
DateTimePickerModal
구성 요소에 필요한 모든 기초 지식과 받아들일 수 있는 모든 도구와 흔한 문제 해답에 대한 설명을 포함한다.마테오 마자로로
환매의 자술.Github의md
스티븐 비쇼프 React Native DateTimePicker 시작
너는 이미 우리의 에 대한 견해를 들었다.이제 프로젝트에 어떻게 설치하고 사용하는지 개술해 봅시다.시작하기 전에 XCode>=11.6을 확인하고 0.60 이상의 네이티브 버전을 사용하십시오.
1.npm/사선으로 설치
npm install @react-native-community/datetimepicker --save
2. 프로젝트 재구성npx pod-install
3. 수입 및 사용import React, {useState} from 'react';
import DateTimePicker from '@react-native-community/datetimepicker';
const App = () => {
const [date, setDate] = useState(new Date());
const onChange = (event, selectedDate) => {
const currentDate = selectedDate || date;
setDate(currentDate);
};
return(
<DateTimePicker
value={date}
onChange={onChange}
/>
)
}
더 자세한 설명과 예는 도서관의 React-Native DateTimePicker를 보십시오.자술하다.의학 박사 모든 용례의React 원본 날짜 선택기 라이브러리
서로 다른 React Native date picker 라이브러리 간에 필터링할 때 사용 편의성, 적극적인 개발과 인기 정도 등을 바탕으로 React Native DateTime Picker가 우선이다.
즉, Google의 전체 라이브러리 목록에서 증명한 바와 같이, 사용자의 사용 상황에 상관없이, 이 기기의 날짜 선택 라이브러리에 응답할 때, 유행하고 효율적이며 사용 가능한 옵션이 적지 않습니다.
Reference
이 문제에 관하여(가장 좋은 로컬 날짜 선택기 라이브러리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/retool/the-best-react-native-datepicker-libraries-3dn9텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)