Android issues

[mainak-shil]

Description

issues in Agenda component

"react-native": "0.74.3", "react": "18.2.0", "react-native-calendars": "^1.1306.0",

1-2 sentences describing the problem you're having or the feature you'd like to request.

Expected Behavior

What action did you perform, and what did you expect to happen?

Observed Behavior

• hangs in android
• empty calendar
• slow and sticky scroll

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: react-native-calendars@1.1306.0
• npm ls react-native: ├─┬ @react-native-async-storage/async-storage@1.24.0 │ └── react-native@0.74.3 deduped ├─┬ @react-native-community/datetimepicker@8.2.0 │ └── react-native@0.74.3 deduped ├─┬ @react-native-community/netinfo@11.3.2 │ └── react-native@0.74.3 deduped ├─┬ @react-navigation/bottom-tabs@6.6.0 │ ├─┬ @react-navigation/elements@1.3.30 │ │ └── react-native@0.74.3 deduped │ └── react-native@0.74.3 deduped ├─┬ @react-navigation/native-stack@6.10.0 │ └── react-native@0.74.3 deduped ├─┬ @react-navigation/native@6.1.17 │ └── react-native@0.74.3 deduped ├─┬ aws-amplify@5.3.19 │ ├─┬ @aws-amplify/analytics@6.5.12 │ │ └─┬ @aws-sdk/client-firehose@3.6.1 │ │ └─┬ @aws-sdk/middleware-retry@3.6.1 │ │ └─┬ react-native-get-random-values@1.11.0 │ │ └── react-native@0.74.3 deduped │ └─┬ @aws-amplify/core@5.8.12 │ └─┬ react-native-url-polyfill@1.3.0 │ └── react-native@0.74.3 deduped ├─┬ react-native-actionsheet@2.4.2 │ └── react-native@0.74.3 deduped ├─┬ react-native-biometrics@3.0.1 │ └── react-native@0.74.3 deduped ├─┬ react-native-calendars@1.1306.0 │ └─┬ recyclerlistview@4.2.1 │ └── react-native@0.74.3 deduped ├─┬ react-native-device-info@10.14.0 │ └── react-native@0.74.3 deduped ├─┬ react-native-document-picker@9.3.0 │ └── react-native@0.74.3 deduped ├─┬ react-native-gifted-chat@2.4.0 │ ├─┬ react-native-iphone-x-helper@1.3.1 │ │ └── react-native@0.74.3 deduped │ ├─┬ react-native-lightbox-v2@0.9.0 │ │ └── react-native@0.74.3 deduped │ ├─┬ react-native-parsed-text@0.0.22 │ │ └── react-native@0.74.3 deduped │ ├─┬ react-native-typing-animation@0.1.7 │ │ └── react-native@0.74.3 deduped │ └── react-native@0.74.3 deduped ├─┬ react-native-google-places-autocomplete@2.5.6 │ └── react-native@0.74.3 deduped ├─┬ react-native-image-picker@7.1.2 │ └── react-native@0.74.3 deduped ├─┬ react-native-keyboard-aware-scroll-view@0.9.5 │ └── react-native@0.74.3 deduped ├─┬ react-native-maps@1.15.6 │ └── react-native@0.74.3 deduped ├─┬ react-native-material-dropdown-v2@0.12.0 (git+ssh://git@github.com/mainak-shil/react-native-material-dropdown-v2.git#5d9149951922086044da6151bb286caa65c769d8) │ ├─┬ react-native-material-buttons@0.6.0 (git+ssh://git@github.com/mainak-shil/react-native-material-buttons.git#fadf777fd830bc49d5c24286666264a04380db75) │ │ ├─┬ react-native-material-ripple@0.9.1 │ │ │ └── react-native@0.74.3 deduped │ │ └── react-native@0.74.3 deduped │ ├─┬ react-native-material-ripple@0.8.0 │ │ └── react-native@0.74.3 deduped │ ├─┬ react-native-paper@5.12.3 │ │ └── react-native@0.74.3 deduped │ └── react-native@0.74.3 deduped ├─┬ react-native-permissions@4.1.5 │ └── react-native@0.74.3 deduped ├─┬ react-native-phone-input@1.3.7 │ ├─┬ @react-native-picker/picker@2.7.7 │ │ └── react-native@0.74.3 deduped │ └── react-native@0.74.3 deduped ├─┬ react-native-responsive-screen@1.4.2 │ └── react-native@0.74.3 deduped ├─┬ react-native-safe-area-context@4.10.8 │ └── react-native@0.74.3 deduped ├─┬ react-native-screens@3.32.0 │ └── react-native@0.74.3 deduped ├─┬ react-native-snackbar@2.6.2 │ └── react-native@0.74.3 deduped ├─┬ react-native-splash-screen@3.3.0 │ └── react-native@0.74.3 deduped ├─┬ react-native-square-in-app-payments@1.7.6 │ └── react-native@0.74.3 deduped ├─┬ react-native-swipe-render@3.1.1 │ ├─┬ @react-native-community/viewpager@5.0.11 │ │ └── react-native@0.74.3 deduped │ └── react-native@0.74.3 deduped ├─┬ react-native-video-controls@2.8.1 │ └── react-native@0.74.3 deduped ├─┬ react-native-video@6.4.2 │ └── react-native@0.74.3 deduped ├─┬ react-native-webview@13.10.5 │ └── react-native@0.74.3 deduped ├─┬ react-native@0.74.3 │ └─┬ @react-native/virtualized-lists@0.74.85 │ └── react-native@0.74.3 deduped └─┬ react-redux@8.1.3 └── react-native@0.74.3 deduped

Also specify:

1. Device/emulator/simulator & OS version: Samsung Galaxy F22 (Android 13)

Reproducible Demo

Please provide a minimized reproducible demonstration of the problem you're reporting.

Issues that come with minimal repro's are resolved much more quickly than issues where a maintainer has to reproduce themselves.

Screenshots

Screenshots or gifs of the issue and the suggested fix will help us move faster with the review process.

[Hrithik0112]

@mainak-shil bro did you resolve this ? when i try to render a custom header it came like this and after 3 4 seconds then the real calendar came up . is it same for you ?

[mainak-shil]

Not resolved in iOS its working fine, only issue with android with prior RN also it was fine, recently i had to upgrade

[Hrithik0112]

@mainak-shil i am using it with expo , before showing the calendar list , it shows this screen after a few seconds it showed the actual Calendar List component looks like this do you have any clue or fix ?

[mainak-shil]

@Hrithik0112 no clue man will recommend to change the components to these, it will work with initial data but not sure about the performance

import {
  ExpandableCalendar,
  AgendaList,
  CalendarProvider,
  WeekCalendar,
} from 'react-native-calendars';