React Native에서 사용자 정의 캘린더를 만드는 방법은 무엇입니까?

Question

React Native에서 맞춤 캘린더를 만들어야합니다. 아래 스크린 샷을 첨부했습니다.

첫 번째 캘린더는 정사각형 캘린더이고 두 번째 캘린더는 가로형 flatList입니다.

귀하의 프로젝트라면 어떻게 진행했으면 좋겠습니까?

감사 친절 감사

, Avinash는

Answer 1

어쩌면 당신은 react-native-calendar-strip을 시도 할 수 있습니다. 나는 그것을 여러 번 사용했고 꽤 유용하다.

나는 그것을 어떻게 impelemeted.

<CalendarStrip 
          calendarAnimation={{type: 'sequence', duration: 30}} 
          daySelectionAnimation={{type: 'border', duration: 200, borderWidth: 1, borderHighlightColor: 'white'}} 
          style={{height: 80, paddingTop: 20, paddingBottom: 10, marginBottom: 15}} 
          calendarHeaderStyle={{color: 'white'}} 
          calendarColor={'#7743CE'} 
          dateNumberStyle={{color: 'white'}} 
          dateNameStyle={{color: 'white'}} 
          highlightDateNumberStyle={{color: 'yellow'}} 
          highlightDateNameStyle={{color: 'yellow'}} 
          disabledDateNameStyle={{color: 'grey'}} 
          disabledDateNumberStyle={{color: 'grey'}} 
          onDateSelected={(date)=>this.dateSelected(date)} 
          datesWhitelist={datesWhitelist} 
         /> 

다음은 모양입니다.

Answer 2

사용자 정의 달력 만들기

1. 당신은 라이브러리를 다운로드한다 [설치]를 선택한 후 자신의 라이브러리를 만들기 위해 자신의 코드를 편집하고 구성 요소에 추가 할 수있는 방법 몇 가지가 있습니다 . (선호되는 방식)

2. 또는 며칠, 몇 주, 몇 달 동안 레이아웃을 만들고 스크롤보기를 사용하여 스 와이프 가능으로 만들 수 있습니다. 대부분의 라이브러리는 스크롤 뷰를 사용합니다.