react-native-ios-context-menu
react-native-popup-menu
Our great sponsors
react-native-ios-context-menu | react-native-popup-menu | |
---|---|---|
3 | 3 | |
477 | 1,451 | |
- | 0.8% | |
9.7 | 2.0 | |
about 1 month ago | 6 months ago | |
TypeScript | JavaScript | |
MIT License | ISC License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-ios-context-menu
- How to create popup menu like seen below on iPhone Notes app using React Native? The react-native-modalbox npm package doesn’t seem to allow for left/right offsets. I see it commonly used in other apps such as Facebook. Is there a straightforward component to code this with?
-
How to get this menu on click? I’m using expo.
I’m using react-native-ios-context-menu for iOS (not sure about expo compatibility) alongside expo’s action sheet for Android.
-
This sort of scale-in on press functionality is a little different from a Touchable Opacity onPress, how would you achieve it?
It’s a native iOS feature but you can achieve it with this lib: https://github.com/dominicstop/react-native-ios-context-menu
react-native-popup-menu
-
How to create a menu with options in React Native? [Screenshot]
2) i tried some external libraries (like https://github.com/instea/react-native-popup-menu) but some libraries either do not work (crash due to unmaintained library) or was too much of a hassle
-
UI & Design?
I recommend using React Native Paper UI library. It takes care of the material UI designs of the various components, including paddings, color (dark or light theme), behavior and more. Add on packages like React Native Popup Menu has beautiful interactivity.
-
How to get this menu on click? I’m using expo.
I use React Native popup menu and it looks just like the above. Not sure if it is compatible with Expo.
What are some alternatives?
react-native-hold-menu - 📱 A performant, easy to use hold to open context menu for React Native powered by Reanimated 🚀
react-native-context-menu-view - Use native context menus in React Native
react-native-action-sheet - A cross-platform ActionSheet for React Native
react-native-touchable-scale - Like touchable opacity, but scale.
react-native-deck-swiper - tinder like react-native deck swiper
zeego - Menus for React (Native) done right.
react-native-firebase - 🔥 A well-tested feature-rich modular Firebase implementation for React Native. Supports both iOS & Android platforms for all Firebase services.
react-native-image-blur-shadow - A React Native <Image/> component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight Image component for your react native project.
react-native-typography - Pixel–perfect, native–looking typographic styles for React Native ✒️
react-native-gifted-touch - A UI component to handle single press, double press and long press on a single UI element.
react-native-collapsible - Animated collapsible component for React Native, good for accordions, toggles etc