javascriptreact-nativereact-native-calendars

Change backgroundColor of react-native-calendars

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

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

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

I've tried the following, but the problem is that only the borders of the calendar change.

I want the background of the entire calendar to turn blue.

Please reply if you know a solution.

Thanks.

Solution

  • Can you try this ,

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

    Set calendarBackground to your desired color