react-native-actions-sheet icon indicating copy to clipboard operation
react-native-actions-sheet copied to clipboard

Published 20 hours ago • verified publisher icon ammarahm-ed

Support Background Interaction

Open asp3 opened this issue 5 years ago • 9 comments

as the title says, i want to be able to have the action sheet show a little bit, but still have the buttons be clickable in the background. 0C961218-BCFC-4173-B171-4E8CBC28F63A

asp3 avatar May 25 '20 16:05 asp3

@aarongrider this feature is not supported yet. Will be implemented in the near future.

ammarahm-ed avatar May 30 '20 20:05 ammarahm-ed

@ammarahm-ed Any update on timeline for this?

MrXyfir avatar Oct 06 '20 17:10 MrXyfir

@MrXyfir coming soon

ammarahm-ed avatar Jan 14 '21 21:01 ammarahm-ed

Any Update on this!

ahmad6242 avatar Aug 03 '21 06:08 ahmad6242

Coming soon 😆

MrXyfir avatar Aug 03 '21 15:08 MrXyfir

@ahmad6242 @MrXyfir I was able to implement it partially on Android. Did not work on iOS. The only way I see of doing this is adding a native dependency which can handle pointer events correctly.

ammarahm-ed avatar Jan 21 '22 20:01 ammarahm-ed

anyone found a solution?

ahmedsayedabdelsalam avatar Mar 12 '22 18:03 ahmedsayedabdelsalam

Would love support for this solution

mrkp avatar May 23 '22 20:05 mrkp

Coming soon? When ? :D

jbagaresgaray avatar Jun 27 '22 03:06 jbagaresgaray

And soo, solution founded?)) Maybe anyone known how to solve this task with another packages?

Insane34 avatar Aug 12 '22 12:08 Insane34

@Insane34 you should just build it custom. Make the bottom sheet an absolutely positioned view over the rest of your content. You'll need to wire up the gesture handler and do any animations yourself, but it's possible.

MrXyfir avatar Aug 12 '22 15:08 MrXyfir

It's possible obviously. Just not possible with the Current ScrollView implementation of the Sheet which does not work with pointerEvents properly but normal Views do.

ScrollView is great because it is fully native and the Animations/Gestures are very performant compared to something implemented in JS using Animated.View.

Another choice is to use Reanimated but this library was built to stay lean and dependency free.

ammarahm-ed avatar Aug 12 '22 18:08 ammarahm-ed

Update: I have decided to rewrite ActionSheet. Background interaction support will be added in v0.8.0. 🚀

ammarahm-ed avatar Aug 14 '22 10:08 ammarahm-ed

Added. Will be released in v0.8.0 🚀

ammarahm-ed avatar Aug 14 '22 19:08 ammarahm-ed