Wondering what’s next for npm?Check out our public roadmap! »

    react-native-dev-menu
    TypeScript icon, indicating that this package has built-in type declarations

    4.0.2 • Public • Published

    📳 react-native-dev-menu

    npm version npm Platform - Android and iOS MIT styled with prettier

    Add custom items to the React Native dev menu.

    The native part of this module is a variation of react-native-async-storage-dev-menu-item.

    Support

    Version React Native Support
    4.0.0+ 0.61.0+
    3.0.0+ 0.60.0 - 0.60.6
    2.0.0+ 0.56.0 - 0.59.10

    Usage

    if (__DEV__) {
      const DevMenu = require('react-native-dev-menu');
      DevMenu.addItem('Say Hello', () => alert('Hello!'));
    }

    Screenshots

    Setup

    $ npm install --save react-native-dev-menu
    # --- or --- 
    $ yarn add react-native-dev-menu

    Manual linking

    If you use this package with React Native 0.60.0or superior, you will probably don't need to link it. Otherwise if it still cannot be found, follow this steps to link it manually :

    $ react-native link react-native-dev-menu

    NB: If you use a Cocoapods and have a Podfile, react-native link will only add this library as a dependency, and you'll need to run pod install.

    iOS specific setup

    CocoaPods linking

    After installing the npm package, add the following line to your Podfile :

    pod 'RNDevMenu', :path => '../node_modules/react-native-dev-menu'
    $ pod install

    Manual linking

    1. In the XCode's "Project navigator", right click on your project's Libraries folder ➜ Add Files to <...>
    2. Go to node_modulesreact-native-dev-menu ➜ select RNDevMenu.xcodeproj
    3. Add libRNDevMenu.a to Build Phases -> Link Binary With Libraries

    Android specific setup

    Manual linking

    After installing the package, add the following line to the ./android/settings.gradle file :

    include ':app', ':react-native-dev-menu'
    project(':react-native-dev-menu').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-dev-menu/android')

    Include it as dependency in the ./android/app/build.gradle file :

    dependencies {
        implementation project(':react-native-dev-menu')
        // ...
    }

    Finally, you need to link the package to the ./android/app/src/main/java/…/MainApplication.java file :

    import com.zoontek.rndevmenu.RNDevMenuPackage;
     
    // ... 
     
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            // ... 
            new RNDevMenuPackage(), // <-- Add it to the packages list 
        );
    }
     
    // ... 

    Install

    npm i react-native-dev-menu

    DownloadsWeekly Downloads

    12,798

    Version

    4.0.2

    License

    MIT

    Unpacked Size

    24.7 kB

    Total Files

    21

    Last publish

    Collaborators

    • avatar