动态设置CalendarList高度-原生反应

import React, { useState, useEffect } from 'react';
import { CalendarList } from 'react-native-calendars';

const DynamicHeightCalendar = () => {
  const [calendarHeight, setCalendarHeight] = useState('auto');

  useEffect(() => {
    // 假设这里有一些逻辑来决定CalendarList的高度
    const calculateHeight = () => {
      // 例如，根据窗口高度的一定比例来设置
      const windowHeight = window.innerHeight;
      setCalendarHeight(`${windowHeight * 0.6}px`); // 设置为窗口高度的60%
    };

    calculateHeight();
    window.addEventListener('resize', calculateHeight);

    return () => {
      window.removeEventListener('resize', calculateHeight);
    };
  }, []);

  return (
    <div style={{ height: calendarHeight }}>
      <CalendarList />
    </div>
  );
};

export default DynamicHeightCalendar;