如何使用自定义日期在 react-native-CalendarPicker 中为背景着色

Question

import moment from 'moment';
import CalendarPicker from 'react-native-calendar-picker';

const ChechAvailability = () => {

    const [date, setDate] = useState([]);
    const [userDate, setUserDate] = useState('');

    const navigation = useNavigation();

    axios.post("http://192.168.0.19:3000/booked_dates").then((resp) => {
          setDate(resp.data)
        });

    useEffect(() => {
        setDate(date);
    }, [date]);

    // console.log(date);

    const listItems = date.map((items) => moment(items.booking_date).format('YYYY-MM-DD'));
    // console.log(listItems);


    let today = moment();
    let day = today.clone().startOf('month');
    let customDatesStyles = [];

Answer 1

可滚动的 CalendarPicker — 7.x 中的新增功能 scrollable 属性在 7.0.0 中引入，具有双向无限滚动条。它使用 RecyclerListView 循环使用几个月，并在达到终点时移动它们。如果在开发期间使用 Chrome 调试器，由于 RN setTimeout 错误，月份转换可能会不稳定。为防止滚动条末尾出现月份偏移，请将 restrictMonthNavigation、minDate 和 maxDate 范围设置为 5 年或更短。

强文本

如何使用自定义日期在 react-native-CalendarPicker 中为背景着色

How to color background in react-native-CalendarPicker with custom Dates

calendar

background-color

android-calendar

react-native

react-native-calendars