react-native-calendars: Agenda not rendering

I’m running: react-native 53.0 and react-native-calendars 1.17.4

Agenda is not being rendered. All I have is a blank screen.

render(){
  return(
    <Agenda />
  );
}

But this works.

render(){
  return(
    <CalendarList />
  );
}

Any idea what am I doing wrong or missing? My app has been npm run eject. Not sure if that matters…

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 17

Most upvoted comments

I final got it working. Need to set a height.

render(){
  return(
    <View style={{height: 600}}>
        <Agenda />
    </View>
  );
}

+67

hszeto on Mar 28, 2018

@hszeto i don’t know if that is the problem, but try removing the View tag.

+18

jgtorrejon on Mar 26, 2018

Height is not the problem

You put one Agenda and one CalendarList in your view (two diferent components) in the example in the comment that you say that “it looks weird”.

The Agenta component has a CalendarList inside it.

Let just stay one agenda on your view and remove the height style.

RicardoBer on Feb 6, 2019

wow. that took me a couple hours. it was the height the whole time. that should be documented perhaps since it is not required to set height for Calendar to work.

temitope on Nov 28, 2018

I try the Agenda example, and it works.

Agenda example

jgtorrejon on Mar 21, 2018