日历无法滚动到下一个/上一个月react-native-calendar

如何解决日历无法滚动到下一个/上一个月react-native-calendar

在本周日历中我无法滚动前/下个月的日历，它似乎返回前一周而不是转到下个月

<WeekCalendar
                                hideDayNames={true}
                                firstDay={1}
                                dayComponent={this.renderDate}
                                theme={calendarThemes}
                                allowShadow={false}
                                markedDates={{
                                    ...this.state.markedDates,[this.state.selectedDate.dateString]: {
                                        selected: true,},}}
                                pastScrollRange={(new Date().getFullYear() - 1900) * 12}
                                futureScrollRange={(2099 - new Date().getFullYear()) * 12}
                                current={this.state.selectedDate}
                                onDayPress={(date) => this.changeDate(date.dateString)} />

解决方法

必须与CalendarProvider包装在一起

<CalendarProvider
                                date={this.state.selectedDate.dateString}
                                onDateChanged={this.onDateChanged}
                                markedDates={{
                                    ...this.state.markedDates,[this.state.selectedDate.dateString]: {
                                        selected: true,},}}
                            >
                                <WeekCalendar
                                    firstDay={1}
                                    calendarWidth={screenWidth}
                                    allowShadow={false}
                                    markedDates={{
                                        ...this.state.markedDates,[this.state.selectedDate.dateString]: {
                                            selected: true,}}
                                    pastScrollRange={(new Date().getFullYear() - 1900) * 12}
                                    futureScrollRange={(2099 - new Date().getFullYear()) * 12}
                                    style={[ { paddingBottom: 20,paddingLeft: 0,paddingRight: 0 }]}
                                />