react-native-calendars: CalendarList super slow rendering in iOS (RN 0.47.2)
Description
CalendarList component renders super slow and it stops rendering after some time. (iOS)
Expected Behavior
I create a CalendarList component and display it in my root view. I can see the calendar list, scroll it and use it.
Observed Behavior
I create a CalendarList component and render it in the my root view. The calendar works fine in simulator, but on iPad and iPhone devices it starts rendering very slow, and some times it just get stuck in big Month names and not render the calendars at all. (Using 4 calendar in the list). It is imposible to use it.
Environment
-
npm ls react-native-calendars
: React-native-calendars@1.5.8 -
npm ls react-native
: react-native@0.47.2
- Phone/emulator/simulator & version:
Simulator: iPhone 6s Devices: iPhone 5S, iPad Mini , iPhone 6
Reproducible Demo
Just install the npm package and try to display a CalendarList component. Example:
<CalendarList
minDate={'2017-08-22'}
maxDate={'2017-09-02'}
firstDay={1}
pastScrollRange={0}
futureScrollRange={4}
markingType={'interactive'}
/>
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 1
- Comments: 17 (5 by maintainers)
Good news, it works great on RN v0.48.3.
I init’ed a new react-native project (v0.48.3) and this control work just fine. It’s taken me this long to upgrade all my dependencies on my active project to work with RN 0.48.3 but I can confirm that it’s super fast!
As far as I’m concerned, you can close this one.