CalendarList - blank space instead of month when scrolling fast

[mharrisweb]

Description

When scrolling from month to month, using the CalendarList, If you scroll quickly the month is displayed in large bold text, with an empty calendar.

Expected Behavior

If scrolling quickly through CalendarList. Month appears as blank space.

Observed Behavior

No error, just blank space instead of month,.

Environment

• npm ls react-native-calendars: react-native-calendars@1.16.1
• npm ls react-native: react-native@0.50.3

Samsung s8 Android V7

Reproducible Demo

[tautvilas]

Hi, this is the result of calendars optimization. Calendar days are not rendered until calendar scrolls into view. If you scroll really fast, rendering lags and for a short time you see placeholder that is visible until calendars are loaded (the other alternative would be to have blank calendars until they are rendered)

[mharrisweb]

Hi @tautvilas

So it cant be prevented? Could I use onVisibleMonthsChange to just render the current/ next and previous months?

Also, would I be able to put a loading spinner in instead of the placeholder?

[tautvilas]

Currently you can not customize placeholder. This is the place in code that you can change in your fork to display something else:

https://github.com/wix/react-native-calendars/blob/master/src/calendar-list/item.js#L45

[mharrisweb]

Can I setup a pull request to add that functionaility?

[tautvilas]

Yes

[Mahdi-Farahani]

i have this issue how can i fix it? @tautvilas

[leonardorib]

I would also like to be able to customize this placeholder.

I just created a pull request: #2067

[pfcodes]

Placeholder much needed

[paula-morales]

Are you planning to merge the PR soon? 🙏

[MursiDirect]

Any Solution yet?

[PauloBarroso85]

Are you planning to merge the PR soon? 🤔