question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CalendarList super slow rendering in iOS (RN 0.47.2)

See original GitHub issue

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

  1. 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'}            
         />

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:17 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
dseawelcommented, Sep 19, 2017

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.

0reactions
rvignesh89commented, Feb 22, 2018

That’s strange because I upgraded to 0.46.0 yesterday and can confirm that there is no more lagging for me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React native slow perfomance on calendars - Stack Overflow
I built my own CalendarList with a simple grid layout using FlexBox inside a FlatList , and it also becomes unusable due to...
Read more >
Rendering performance of iOS apps | by Dmytro Anokhin
What affects performance of the iOS app? How to build beautiful UI and stay responsive? Why a table view or a collection view...
Read more >
Performance Overview - React Native
ListView initial rendering is too slow or scroll performance is bad for large lists​. Use the new FlatList or SectionList component instead.
Read more >
iOS 15.1 Calendar app is laggy and unreli… - Apple Community
If I display the Calendar on the iPad in Day view, I don't really see the issue, but if I switch to Week...
Read more >
SeeMusic 3.7.2 Rendering slow | Visual Music Design
Hi, I updated to the latest version and rendering is very slow. Audio renders fine and video rendering starts fast as well but...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found