React-native-calendars: CalendarList blank on initial load (RN 0.47.1)

[ultralol]

When CalendarList is used it displays month label for the first moments (I guess it's load time), then turns to blank untill I drag it, when being dragged it updates to normal instantly

Calendar works fine however, issue only for CalendarList

I think it is not updated properly after month data is loaded

Issue observed after updating RN from 0.46.4 to 0.47.1

Platform: Android (both emulator/API_23 and device/Nexus6)
node v: 6.10.2
npm v: 4.6.1
react-native v: 0.47.1
react-native-calendars v: 1.5.6

Any ideas how to fix or workaround to avoid blank state?

[dmitriy-shmilo]

Came to report this exact issue. Happens on Android API 23 emulator and physical device. Doesn't happen on iOS 10.3 simulator. Also, calendar list takes forever (several seconds) to load on Android.

[tautvilas]

Hi, thx for bug report. As I understand new version of RN broke some backwards compatibility. I will try to solve this issue this week.

[ultralol]

@dmitriy-shmilo

Also, calendar list takes forever (several seconds) to load on Android.

A bit off topic but this takes a lot of time in debug mode, release is much faster

[tautvilas]

Started checking issues with 0.47.1. I also get red screens on IOS:

Module JSTimersExecution is not a registered callable module (calling callTimers)

__callFunction
    MessageQueue.js:257:6
<unknown>
    MessageQueue.js:103:26
__guard
    MessageQueue.js:231:6
callFunctionReturnFlushedQueue
    MessageQueue.js:102:17

Maybe somebody got idea what could cause this?

[tautvilas]

Apparently RN 0.47.1 is broken, it displays JSTimersExecution errors even on clean projects in IOS

[wake-up-neo]

The same for iOS. CalendarList is blank before drag (RN 0.46.4)

[felixaa]

I had my CalendarList in a tab using React-Navigation's tab-navigator: Blank. Tested by moving it to a seperate screen outside the tab-navigator: Not blank. Enabled lazy rendering of tabs as opposed to rendering them upfront: Not Blank!

This fixed it for me!

RN version: 0.48.3
react-native-calendars version: 1.5.8

[tautvilas]

Fixed in 1.6.0

[benevbright]

It doesn't seem to be fixed.

I'm seeing the same bug, today's react-native version, which is 0.52.0.
Only occurs in Android.

Anyone?

[tautvilas]

what navigation library are you using? can you reproduce this bug in example project?

[benevbright]

I don't even use navigation, but a just plain react-native app with one CalendarList.

[tautvilas]

Could be some breaking change introduced by RN 0.52.0, I did not test on this version. Can you record video/gif how it looks? Is it completely blank? Did you set flex:1 on container?

[benevbright]

It is completely blank at the beginning but since I try to scroll, it shows.
It's same with the current issue.
So 'flex:1' doesn't matter I think.

[tautvilas]

I created a new issue for this #302

[benevbright]

Thanks. I attached a video clip in that issue.