Gathering detailed insights and metrics for react-native-popup-menu
Gathering detailed insights and metrics for react-native-popup-menu
Gathering detailed insights and metrics for react-native-popup-menu
Gathering detailed insights and metrics for react-native-popup-menu
npm install react-native-popup-menu
Back handler registration change
Published on 29 Aug 2022
Fixes TS definition problem with React 18
Published on 11 Aug 2022
Support for e2e testing
Published on 11 Dec 2020
TS definition update
Published on 04 Jul 2020
isOpen is now "public"
Published on 08 Feb 2020
API for MenuTrigger longpress
Published on 16 Mar 2019
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
1,479 Stars
396 Commits
248 Forks
17 Watching
5 Branches
27 Contributors
Updated on 11 Nov 2024
JavaScript (100%)
Cumulative downloads
Total Downloads
Last day
-15.9%
12,710
Compared to previous day
Last week
-0.6%
68,704
Compared to previous week
Last month
3.5%
282,459
Compared to previous month
Last year
48.2%
2,631,700
Compared to previous year
24
Extensible popup menu component for React Native for Android, iOS and (unofficially) UWP and react-native-web.
Features:
Community driven features:
We thank our community for maintaining features that goes over our scope.
Context Menu, Slide-in Menu | Popover |
---|---|
npm install react-native-popup-menu --save
If you are using older RN versions check our compatibility table.
Wrap your application inside MenuProvider
and then simply use Menu
component where you need it. Below you can find a simple example.
For more detailed documentation check API.
1// your entry point 2import { MenuProvider } from 'react-native-popup-menu'; 3 4export const App = () => ( 5 <MenuProvider> 6 <YourApp /> 7 </MenuProvider> 8); 9 10// somewhere in your app 11import { 12 Menu, 13 MenuOptions, 14 MenuOption, 15 MenuTrigger, 16} from 'react-native-popup-menu'; 17 18export const YourComponent = () => ( 19 <View> 20 <Text>Hello world!</Text> 21 <Menu> 22 <MenuTrigger text='Select action' /> 23 <MenuOptions> 24 <MenuOption onSelect={() => alert(`Save`)} text='Save' /> 25 <MenuOption onSelect={() => alert(`Delete`)} > 26 <Text style={{color: 'red'}}>Delete</Text> 27 </MenuOption> 28 <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text='Disabled' /> 29 </MenuOptions> 30 </Menu> 31 </View> 32); 33
Contributions are welcome! Just open an issues with any idea or pull-request if it is no-brainer. Make sure all tests and linting rules pass.
We keep compatibility on best effort basis.
popup-menu version | min RN (React) version |
---|---|
0.13 | 0.55 (16.3.1) |
0.9 | 0.40 |
0.8 | 0.38 |
0.7 | 0.18 |
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 6/23 approved changesets -- score normalized to 2
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
62 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-25
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More