Agenda backgroundColor

[timothycuenat]

Description

The background color of the ScrollView in the Agenda component cannot be changed.

Expected Behavior

Before this version I was able to change the background color and I need to.

Observed Behavior

The white background color shoud be the same as the calendar background

Environment

• npm ls react-native-calendars: react-native-calendars@1.1291.1
• npm ls react-native: react-native@0.70.4

Tested and debugged on Emulator Pixel 5 (Platform 33, Android 12) and on a Android phone (Nokia XR20)

Reproducible Demo

I tested all the color and background color in theme and style Agenda property.

Screenshots

[JSimai]

This is similar to #2000

I ended up just using the calendar list component and created my own custom agenda component. Allows for a lot more freedom.

[wallacerenan]

<Agenda
        showClosingKnob
        renderItem={RenderItem}
        items={{
          '2022-11-28': [
            {
              name: 'Renan',
              day: new Date().toISOString().split('T')[0],
              height: 50,
            },
          ],
        }}
        theme={{
          reservationsBackgroundColor: '#fff',
        }}
      />

reservationsBackgroundColor is not typed, use this.

need to fix, Theme interface doesn't export this key

[macasfaj]

Thank you! you saved my day!

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[alexanderblackh]

Can confirm this is still an issue.

[teamclouday]

This is still not fixed. For Typescript, can use

theme={{
    reservationsBackgroundColor: '#fff',
} as any}