カレンダーピッカーで選択した日付を反応させるにはどうすればいいですか？

Question

react-native-calendar-pickerライブラリを使用しています。選択した日付を取得しようとしていますが、プレビュー日付が表示されます。

onDateChange (date) { 
    this.setState({ date: date });   
} 

<CalendarPicker selectedDate={this.state.date} 
         onDateChange=(date)=>this.onDateChange(date)}}/> 

Answer 1

私が反応し、ネイティブのカレンダー

あなたはここからそれを得ることができます使用することをお勧めします

：https://github.com/christopherdro/react-native-calendar

使用例：

<Calendar 
 
     scrollEnabled={true} 
 
     showControls={true} 
 
     titleFormat={'MMMM YYYY'} 
 
     dayHeadings={['Sun', 'Mon', 'Tue', 'Wed', 'Thu','Fri','Sat']} 
 
     monthNames={['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec']} 
 
     prevButtonText={'Prev'} 
 
     nextButtonText={'Next'} 
 
     onDateSelect={(date) => this.onDateChange(date)} 
 
     onTouchPrev={this.onTouchPrev} 
 
     onTouchNext={this.onTouchNext} 
 
     onSwipePrev={this.onSwipePrev} 
 
     onSwipeNext={this.onSwipeNext} 
 
     eventDates={this.state.events} 
 
     customStyle={{day: {fontSize: 15, textAlign: 'center', color: '#4c4b4b'}}} 
 
     weekStart={1} 
 
     />

を