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

Question

是否可以在react-native-calendars日程表中显示每天的事件计数，而不是一个点？比方说，我一天有两个活动，那么数字2应该会在那个日期出现。任何例子都将不胜感激。

Answer 1

用dayComponent解决了这个问题：

render() {
return  (
   <Agenda
    ....
    dayComponent={renderDayComponent}
    .....>
  </Agenda>)
}

renderDayComponent = data => <CalendarDayComponent {...data} calendarData={calendarData} />;

要恢复onPress行为，请执行以下操作：

const CalendarDayComponent => props {
    onPressed = () => {
        requestAnimationFrame(() => props.onPress(props.date));
    }
    let items = '';

    if (props.marking.marked) {
        items = calendarData[date.dateString].length
    }
return (
        <View style={styles.container}>
            <Text onPress={onPressed} style={{ color: state === 'disabled' ? 'gray' : 'black' }}>
                {children}
            </Text>
            <Text style={styles.itemsCount}>
                {items}
            </Text>
        </View>
    )
};