React-native-calendars: Can't change height of calendar to fullScreen

[angelos3lex]

Description

Can't stretch calendar to full Screen

If i add:

<Calendar
        style={{height:100}}
...

i get:

So the calendar is not resized to fit its height. So if i add:

<Calendar
        style={{height:"100%"}}
...

Calendar will have it's fixed height, and won't stretch to full screen.
So, my question is, is there any way of stretching Calendar to fullScreen mode?

Environment

Android tested only

[Akhoy]

Had the same issue. You need to override the stylesheet.day.basic theme like so:

<Calendar theme={{
    'stylesheet.day.basic':{
      'base':{
        width:30,
        height:100
      }
    }
}} />

It is hard-coded as 32 X 32 here: https://github.com/wix/react-native-calendars/blob/master/src/calendar/day/basic/style.js#L9

[Ahmed-Imam]

calendarHeight={100}

[HuuPhuc-HPIT]

It is hard-coded as 32 X 32 here
When dot transformed then we have to handle how you?

[stale[bot]]

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.

[sperardt]

Having same issue with height. But my problem is it doesn't get smaller which is causing issues with small smartphones. Tried to override stylesheet.day.basic as @Akhoy suggested but it didn't work for me. Any other idea on how it can be solved?

[mqwerty]

Having same issue with height. But my problem is it doesn't get smaller which is causing issues with small smartphones. Tried to override stylesheet.day.basic as @Akhoy suggested but it didn't work for me. Any other idea on how it can be solved?

Perhaps you need to use a different key: stylesheet.day.period, stylesheet.day.dot, etc...