React native 反应本机日历:呈现事件计数,而不是标记日期中的点

React native 反应本机日历:呈现事件计数,而不是标记日期中的点,react-native,react-native-calendars,React Native,React Native Calendars,是否可以在react native calendars Agenda中显示每天的事件计数而不是点?比如说,我一天有两件事,那么数字2应该在那个日期下出现。 请举任何例子。用dayComponent解决了这个问题: render() { return ( <Agenda .... dayComponent={renderDayComponent} .....> </Agenda>) } renderDayComponent = data

是否可以在react native calendars Agenda中显示每天的事件计数而不是点?比如说,我一天有两件事,那么数字2应该在那个日期下出现。
请举任何例子。

用dayComponent解决了这个问题:

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

renderDayComponent = data => <CalendarDayComponent {...data} calendarData={calendarData} />;
render(){
返回(
)
}
renderDayComponent=数据=>;
要恢复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>
    )
};
const CalendarDayComponent=>props{
onPressed=()=>{
requestAnimationFrame(()=>props.onPress(props.date));
}
让项目=“”;
if(道具标记标记){
items=calendarData[date.dateString].length
}
返回(
{儿童}
{items}
)
};