I am trying to recreate the following, where a menu is brought up from bottom when a button is pressed, but lost as to where to start. How can I go about doing so?

Any guidance or insight would be greatly appreciated.

I am trying to recreate the following, where a menu is brought up from bottom when a button is pressed, but lost as to where to start. How can I go about doing so?

Any guidance or insight would be greatly appreciated.

• javascript
• reactjs
• react-native
• redux

2 Answers 2

It looks like this is the best so far. Works on Android and iOS.

https://github./prscX/react-native-bottom-action-sheet

Note: it requires native modules so it won't work on Expo.

Alternatively, you use this ponent from NativeBase: https://docs.nativebase.io/Components.html#actionsheet-def-headref

FYI: I haven't tested react-native-bottom-action-sheet

You can use a module like this for an example. IMO this can be done in two ways:

1. Slide a View with animation like in the library linked above.

2. Use a Modal ponent that will slide from the bottom (it's actually a default behaviour of this ponent). Remember to add a margin on top of the content to don't slide it to the top of the screen).