React-native-calendars: How to handle months with 5/6 weeks?

[sibelius]

[tautvilas]

The problem arises with custom bigger fonts. I suggest creating PR for calendar-list to allow customization calendar height. Currently it is a const:calendarHeight = 360;

[suomimar]

What are the settings how you can reproduce this error @sibelius? I could try to do as @tautvilas proposed but I would like to first reproduce this.

[sibelius]

you can reproduce using this branch https://github.com/entria/react-native-calendars/tree/specific/gapp

[tautvilas]

now it is possible to provide custom bigger calendar heights via calendarHeight prop to calendar list

[stereodenis]

Why it should be const and not dynamically calculated?

[ericlifs]

Why just don't put a flex: 1 in there instead of hardcoding the month's height?

[sibelius]

you need to know the height of each month to scroll to a specific month

My solution is to getItemLayout, as I can calculate the number of weeks for each month, so it can be dynamic - https://facebook.github.io/react-native/docs/flatlist#getitemlayout

[ericlifs]

@sibelius do you have a real example of how did you do it?

[ericlifs]

@sibelius Also the FlatList has a initialScrollIndex prop so you can set the initial month and a scrollToIndex() function if you want to go to a specific month. I do not know if that's the purpose of hardcoding the month height but it does not make much sense.

[amitbattan]

Can anyone let me know, what is the solution for this. calendarHeight will change the height for all the months. Is there any solution, if we can set height of each month individually, or it take auto height.
To calculate the height dynamically, also will not work. As in some cases, we have more than one months as visible at a time.