search

Home  >  Q&A  >  body text

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

<p>I'm making an app using react-native-calendars. </p> <p>I want to change the background color of the calendar to blue. </p> <pre class="brush:php;toolbar:false;"><Calendar style={{backgroundColor: "blue"}} /></pre> <p>I tried the following method, but the problem is that only the border of the calendar changed. </p> <p>I want the entire calendar background to turn blue. </p> <p>If you know the solution, please reply. </p> <p>Thank you. </p>
P粉769413355P粉769413355475 days ago545

reply all(1)I'll reply

  • P粉790187507

    P粉7901875072023-08-11 00:42:49

    Can you try this,


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

    reply
    0
  • Cancelreply