Vey slow sheet opening and nav bar style overriding

[SourceCipher]

Just a general question since I cant seem to find any discussions here.

From the demo app and from the implementation, the sheet seems be be very slow in opening. I mean once you press the button, I expect the sheet to open asap, but it has really long delay. Like in this example https://snack.expo.dev/@ammarahmed/github.com-ammarahm-ed-react-native-actions-sheet:expo-example any button press will launch the sheet after 1s or so. Which is super slow. I have tested various other libraries and this seems to be the slowest of them all.

Is there any configuration we can add to make sure its opening as fast as we trigger it without turning off the animation ofc? Is there an intentional delay added?

Also my app has custom navigation bar color and seems like this sheet is overriding it and setting it to white every time I open. That has to be configurable I suppose but cant fund it how in the docs.

[Nziranziza]

This appears to be an issue on android,

Before opening action sheet

With action sheet

IOS appears to have maintained the navigationBarColor

https://github.com/user-attachments/assets/6096e4de-fdf4-4ea3-bf97-8c0c916d5de9

Also, from the above video, it looks like Android gets stuck for a few seconds due to the bottom navigation bar, just my guess.

[kourtc]

@SourceCipher also bothered by how slow this is. which alternatives did you try?

[SourceCipher]

My workaround was to ditch this library and just install @gorhom/bottom-sheet. Its not perfect but at least its fast and responsive. I just needed to display various messages and options and it did the job for me.

[agrinko]

I noticed the same issue on my Android (I didn't check on iOS). It takes more than a second to open the ActionSheet after a tap, which is a noticeable delay. Apparently, it is not related to animation (same happens with animated={false}) or the amount of the content (same delay even with a simple <Text>Hello world</Text> inside.

How can we figure out the root cause of this?

[seva3l]

Up for this, i also notice this issue delay on android only.

[vermotr]

UP, I also noticed a 1-second delay before the sheet opens

[ammarahm-ed]

Hello, I am planning to migrate to using reanimated library which should help solve these delays. Also the color of the navigation bar is not controlled by the sheet. You need https://github.com/zoontek/react-native-navigation-bar or another library to handle this case.