react-native-calendars:在markedDates中呈现事件计数而不是点

import React from 'react';
import { Calendar, CalendarList, Agenda } from 'react-native-calendars';

const eventsData = [
  { date: '2022-01-01', count: 3 },
  { date: '2022-01-05', count: 1 },
  // 其他事件数据...
];

const renderCustomMarking = (date) => {
  const event = eventsData.find((event) => event.date === date.dateString);
  if (event) {
    return (
      <View style={styles.customMarkingContainer}>
        <Text style={styles.customMarkingText}>{event.count}</Text>
      </View>
    );
  }
  return null;
};

const App = () => {
  return (
    <Calendar
      markedDates={{
        '2022-01-01': { customStyles: { container: styles.customMarkingContainer } },
        '2022-01-05': { customStyles: { container: styles.customMarkingContainer } },
        // 其他标记的日期...
      }}
      renderCustomMarking={renderCustomMarking}
    />
  );
};

export default App;