Modify the background color of the react-native-calendars component

Question

I'm making an app using react-native-calendars.

I want to change the background color of the calendar to blue.

<Calendar
   style={{backgroundColor: "blue"}}
/>

I tried the following method, but the problem is that only the border of the calendar changed.

I want the entire calendar background to turn blue.

If you know the solution, please reply.

Thank you.

Answer 1

Can you try this,

<Calendar
        style={{ backgroundColor: 'transparent' }}
        theme={{
          calendarBackground: 'transparent', 
        }}
      />