Agenda Initially Expanded and Non-Responsive in iOS

[Rakhilpr96]

After upgrading from Expo 49.0.15 & React Native 0.72.10 to Expo 52.0.28 & React Native 0.76.6, the Agenda component is displaying as expanded initially on iOS. Additionally, it is not scrollable and does not allow dragging to collapse or expand. However, when I manually tap at the position of the knob in the expanded view, it expands again and starts working as expected. Checked this with both react-native-calendars version 1.1304.1 & 1.1308.1.

Expected Behavior

• The Agenda should start in a collapsed state (or the default initial state).
• It should be scrollable and allow dragging to expand/collapse from the start.

Observed Behavior

• The Agenda component starts in a fully expanded state instead of the expected initial state.
• It is not scrollable or draggable initially.
• Tapping on the position of the knob causes it to expand again, after which it works correctly.

Usage :

          <Agenda
            items={items}
            renderItem={() => (
              <View><Text>Main View</Text></View>
            )}
            rowHasChanged={(r1, r2) => {
              return r1.text !== r2.text;
            }}
            showOnlySelectedDayItems
            showClosingKnob={true}
            renderEmptyData={() => (
              <View><Text>Empty</Text></View>
            )}
            onDayPress={({ dateString }) => console.log(dateString)}
            />

Environment

• Expo SDK: 52.0.28
• React Native: 0.76.6
• React Native Calendars: 1.1304.1 & 1.1308.1

Has anyone else encountered this issue after upgrading? Any suggested workarounds or fixes?

https://github.com/user-attachments/assets/6cf671ba-e674-4ff0-ab48-aaceaa45de6c

[chrisdev3001]

same here, this is hapenning since I've upgrade to expo 52 😔

[nzaghini-phorest]

Same here after upgrading to RN 0.76.7 but not on every iOS device thought which makes is more difficult to track down.

[ArturSousaFerreira]

same problem here on ios and on android agenda disappeares on load 😔

[chrisdev3001]

I just removed this prop:

showClosingKnob={true}

and now it works like a charm 🚀

[pannagger]

same here and removing the showClosingKnob={true} did not work either

[simnik12]

https://github.com/user-attachments/assets/73bbfdea-b8ce-40b9-87f5-e0f4235a248d

Same problem for me as well with SDK 52.0.36, react-native 0.76.7 and React Native Calendars: 1.1310.0

[Catnais88]

Hello ! Same problem for me and I don't have Expo. I'm in a bare React Native project with react-native 0.77.1 and react-native-calendars 1.1310.0

[simnik12]

Screen.Recording.2025-03-17.at.11.42.42.AM.mov Same problem for me as well with SDK 52.0.36, react-native 0.76.7 and React Native Calendars: 1.1310.0

Any solution yet?

[pannagger]

Hi folks, I did some local debugging and found a small fix that seems to work on my end. Please check out this PR and let me know if it works for you as well: https://github.com/wix/react-native-calendars/pull/2640

Branch name: pannagger:fix/agenda/ios/issue2592

Looking forward to your feedback!

[simon-musy]

@pannagger Any luck moving your PR forward?

[Rakhilpr96]

Hi folks, I did some local debugging and found a small fix that seems to work on my end. Please check out this PR and let me know if it works for you as well: #2640

Branch name: pannagger:fix/agenda/ios/issue2592

Looking forward to your feedback!

Yes, this solution works for me. Thank you

[ItsNoHax]

Hi folks, I did some local debugging and found a small fix that seems to work on my end. Please check out this PR and let me know if it works for you as well: #2640

Branch name: pannagger:fix/agenda/ios/issue2592

Looking forward to your feedback!

It's working better but i'm still noticing iOS flickering on mount.