Nostalgic Punchcard Missing

    TypeScript icon, indicating that this package has built-in type declarations

    3.0.1 • 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.


    Version React Native Support
    3.0.0+ 0.60.0+
    2.0.0+ 0.56.0+


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



    $ 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/…/ file :

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


    npm i @yellowexpress/react-native-dev-menu

    DownloadsWeekly Downloads






    Unpacked Size

    24.4 kB

    Total Files


    Last publish


    • bjy