If you have two action sheets controlled by one ref per each, it will not open the second sheet on IOS in v10

[code-504]

Description

There is a bug on IOS if you try to open a second bottom sheet and close the first one. On android it works correctly, but on IOS the first bottom sheet will close and the second action sheet will not display and it will block the UI.

Video

Android:

android_video.mp4

IOS:

ios_video.mp4

How to reproduce it

• First, you have to create a screen with two ActionSheets and one ref per each.
• Add button in the first ActionSheet that opens the second ActionSheet.
• Run the project on an IOS device
• Open the first ActionSheet
• Press the button inside the ActionSheet

Library versions

{
    "react-native-actions-sheet": "^10.1.1",
    "react-native-reanimated": "~4.1.0",
    "react-native-gesture-handler": "~2.28.0",
    "react-native-safe-area-context": "^5.6.1"
}

[sonodima]

I am having the same issue on IOS, using these versions:
actions-sheet v10.1.0
reanimated v3.18.2
gesture-handler v2.25.0
react-native v0.77.3.

[ammarahm-ed]

Hey @sonodima can you try v10.1.1?

[ammarahm-ed]

@code-504 are you using SheetManager or just using ref to open/close the sheets?

[code-504]

@code-504 are you using SheetManager or just using ref to open/close the sheets?

I am using one ref per each bottom sheet to open/close.

[ammarahm-ed]

If you are using ref then you have to manually handle this on iOS using timeout or delay between opening/closing sheets.

sheet1.hide();
await sleep(300);
sheet2.show();

There are ways to fix it, maybe using promise that resolves so you can do. I will see if doing this will be possible:

await sheet1.hide();
sheet2.show();

[snacksncode]

I'm having the same issue. Here's a snack of what I'm trying to achieve. It's common for me to open an "edit sheet" with options for user to choose and then I want to pop up another sheet replacing my current one in stack basically.
Hide Sheet A -> Open Sheet B doesn't work :c

It would be lovely if this worked:

await SheetManager.hide('sheet-a');
SheetManager.show('sheet-b');

This behavior is broken on iOS, Android and Web

https://snack.expo.dev/@snacksncode/joyous-blue-orange

[ammarahm-ed]

This has been fixed in the latest version. Can you try updating and see if the issue resolves?

[snacksncode]

@ammarahm-ed I just updated the library to 10.1.2 and the issue is fixed! 🎉

The following code now behaves correctly on both Android and iOS

await SheetManager.hide('sheet-a');
SheetManager.show('sheet-b');

It would be ideal not to have to await the .hide() action, but my instincts tell me that's a way harder feature to implement and not something we need to allocate your time to. Thanks for this, now I can remove sleep(300) all over my code and improve user experience.