React native 反应本机日历:呈现事件计数,而不是标记日期中的点
是否可以在react native calendars Agenda中显示每天的事件计数而不是点?比如说,我一天有两件事,那么数字2应该在那个日期下出现。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
请举任何例子。用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}
)
};