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 rendering super slow

See original GitHub issue

I am facing performance issues with the CalendarList.

  • Tested on Samsung Galaxy S9 and OnePlus 3
  • I am using 12 months in total to display
  • I am using expo, the build-version is a little bit faster but still very slow.
  • Using version 1.1255.0 (latest one) of react-native-calendars
const [show, setShow] = useState<boolean>(false)

<SafeAreaView style={styles.container}>
    <View style={{flex: 1}}>
        <Button title={"Toggle calendar"} onPress={() => setShow((s) => !s)}/>
    </View>
    <View style={{flex: 9}}>
        {show &&
        <CalendarList
            // style={{width: deviceWidth}}
            onDayPress={handleDayPress}
            markedDates={{
                [selectedDate]: {selected: true}
            }}
            theme={{
                selectedDayBackgroundColor: colors.primary,
                todayTextColor: colors.primary
            }}
            pastScrollRange={12}
            futureScrollRange={0}
            scrollEnabled={true}
            showScrollIndicator={true}
        />
        }
    </View>
</SafeAreaView>

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:7
  • Comments:14

github_iconTop GitHub Comments

13reactions
stale[bot]commented, Jul 29, 2021

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

2reactions
pycraft114commented, Jan 28, 2022

Still having performance issue with ExpandableCalendar in android. Any news about this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

React native slow perfomance on calendars
I built my own CalendarList with a simple grid layout using FlexBox inside a FlatList , and it also becomes unusable due to...
Read more >
How to Detect Slow Renders in React? - Alex Sidorenko
One well-placed memoization can make a slow app fast again. But how to find performance bottlenecks? Profile the problem. Open React Developer ......
Read more >
Superslow rendering after upgrade/all of a sudden
Hi! All of a sudden I´m experiencing super slow rendering speeds in Premier Pro 22.1.2. I don´t know weather it´s due to upgrading...
Read more >
Slow rendering
If your app suffers from slow UI rendering, then the system is forced to skip frames and the user will perceive stuttering in...
Read more >
Cycles suddenly super slow
but merely opening the preferences suddenly changed the GPU Compute state in render settings to not being grayed out anymore and now cycles ......
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