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

【问题标题】：react-native-calendars: Render count of events instead of a dot in markedDatesreact-native-calendars：呈现事件计数而不是markedDates中的点
【发布时间】：2019-09-23 11:21:55
【问题描述】：

是否可以在 react-native-calendars 议程中呈现每天的事件计数而不是一个点？假设我一天有 2 个事件，那么数字 2 应该显示在该日期下方。任何示例将不胜感激。

【问题讨论】：

标签： react-native react-native-calendars

【解决方案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>
    )
};

【讨论】：