Question

我正在使用react-native-calendar，当我通过单击日期来调用onDayPress时，日历跳至当前月份。

我的意思是说我单击11月12日，日历跳到当前月份的10月。

export default BookingCalendar = () => {
    const [selected, setSelected] = useState()
    return (
        <View>
            <CalendarList 
                theme={{
                    dayTextColor: 'black',  
                    todayTextColor: 'black',  
                    selectedDayTextColor: 'black', 
                    selectedDayBackgroundColor: '#FF5D4E',
                    arrowColor: 'black',                    
                }}
                style={styles.calendarStyle}
                markedDates={{[selected]: {selected: true, disableTouchEvent: true, selectedDotColor: 'orange'}}}
                current={new Date()}
                minDate={new Date()}
                maxDate={addMonths(6)}
                onDayPress={day => setSelected(day.dateString)}
                onDayLongPress={(day) => {console.log('selected day', day)}}
                monthFormat={'MMM yyyy'}
                onMonthChange={(month) => {console.log('month changed', month)}}
                horizontal={true}
                pagingEnabled={true}
            />
        </View>
    )
}

我的想法是，每次调用onDayPress时，日历都会重新呈现，并将日历重新定位为current日期，因此我尝试将今天的日期设置为{{1}因此，它仅在组件安装时呈现一次，而没有任何区别。

Answer 1

将当前设置为所选日期可以为我解决问题

每当我调用OnDayPress时，react-native-calendar都会重新渲染到当月

1 个答案: