如何使用自定义日期在 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 年或更短。

强文本