React Native iOS Context Menu

Use iOS context menus in your React Native app.

Apple Developer Documentation

API documentation

• API Documentation

Get Started

Installation in managed Expo projects

This package requires a development build of Expo to run as it contains custom native code. To create a development build, please refer to Creating a Development Build

Installation in bare React Native projects

For bare React Native projects, you must ensure that you have installed and configured the expo package before continuing.

Add the package to your npm dependencies

npm install react-native-ios-context-menu
Copy

Configure for iOS

npx pod-install
Copy

Usage

Simply wrap the view you want to add context menu to with ContextMenu:

import { Text } from "react-native";
import { ContextMenu } from "react-native-ios-context-menu";

const Example = () => {
  return (
    <ContextMenu
      menu={{
        type: "menu",
        title: "Sample Menu",
        children: [
          { type: "action", title: "Notify Me" },
          { type: "action", title: "Undo" },
          { type: "action", title: "Mark" },
        ],
      }}
    >
      <Text>Press Me</Text>
    </ContextMenu>
  );
};
Copy