Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Too slow in beta version with swipe natural animation #1148

Open
iamproparnadas opened this issue Feb 27, 2025 · 6 comments
Open

Too slow in beta version with swipe natural animation #1148

iamproparnadas opened this issue Feb 27, 2025 · 6 comments

Comments

@iamproparnadas
Copy link

The app is getting too slow to render events and clicks, it was better in the previous version but in this version 5 beta it was too slow, the 10 events even taking huge time to load.

@proparnaampit
Copy link

The v4.17.1 was good and fast, but the beta is too slow, is there will be any fixes in the future for this ?

@rishabh-synclovis
Copy link

@proparnaampit Hi , Can you please share your code and for this library how many other dependency you installed. ?

@acro5piano
Copy link
Owner

Also, your code and package versions of the peer dependencies are helpful.

react react-native react-native-gesture-handler react-native-infinite-pager react-native-reanimated

@proparnaampit
Copy link

<GestureHandlerRootView style={{flex: 1}}>
<Calendar
events={events}
height={CALENDAR_HEIGHT}
date={currentDate}
showTime={false}
calendarCellStyle={{borderWidth: 0, borderColor: '#ccc'}}
hourRowHeight={40}
onPressCell={onPressCell}
weekStartsOn={1}
weekEndsOn={5}
onPressEvent={onPressEventCell}
mode={mode}
headerContentStyle={{
backgroundColor: 'white',
position: 'relative',
}}
minHour={6}
maxHour={19}
showAllDayEventCell={false}
ampm={false}
locale="sv"
scrollOffsetMinutes={scrollOffsetMinutes}
dayHeaderStyle={{
borderRadius: 100,
}}
activeDate={currentDate}
hourStyle={{fontSize: 10, color: 'black'}}
showWeekNumber={mode !== 'month'}
weekNumberPrefix={'Week'}
eventCellStyle={getEventCellStyle}
eventCellTextColor={'white'}
allDayEventCellStyle={{
height: 'auto',
width: 'auto',
backgroundColor: '#0b4581',
}}
theme={myTheme}
eventMinHeightForMonthView={30}
headerComponentStyle={{height: 40}}
weekDayHeaderHighlightColor={'red'}
dayHeaderHighlightColor={'red'}
/>

events are like 500+ , because it's an ERP project, so the events are dynamic,

"react": "18.2.0",
"react-native": "0.74.1",
"react-native-gesture-handler": "^2.16.2",
"react-native-infinite-pager": "^0.3.18",
"react-native-reanimated": "3.16.7",

@proparnaampit
Copy link

@acro5piano any help I can get here please ?

@acro5piano
Copy link
Owner

@proparnaampit Are you loading your events at once? If possible you should load events necessary while rendering.

See @walidbezzaoui 's comment on: #518 (comment)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants