native-x-context-menu

Component that providers context menu capabilities

Install

Yarn

yarn add native-x-context-menu

NPM

npm install native-x-context-menu

Usage

import {
  ContextMenu,
  ContextMenuItem,
  ContextMenuProvider,
  ContextMenuSeparator,
} from 'native-x-context-menu'
import { CheckmarkIcon, CloseIcon, CopyOutlineIcon, TrashOutlineIcon } from 'native-x-icon'

function MyComponent() {
  return (
    <ContextMenuProvider>
      ...
      <ContextMenu>
        <ContextMenuItem icon={CheckmarkIcon}>Approve</ContextMenuItem>
        <ContextMenuItem icon={CloseIcon} onPress={() => Alert.alert('Reject')}>
          Reject
        </ContextMenuItem>
        <ContextMenuSeparator />
        <ContextMenuItem icon={CopyOutlineIcon} disabled>
          Copy Link
        </ContextMenuItem>
        <ContextMenuSeparator />
        <ContextMenuItem textColor={COLOR.ERROR} icon={TrashOutlineIcon}>
          Delete
        </ContextMenuItem>
      </ContextMenu>
    </ContextMenuProvider>
  )
}

API ContextMenu

Property	Default Value	Usage
backgroundColor?: string	COLOR.PRIMARY	Container color
textColor?: string	COLOR.SECONDARY	Default color for ContextMenuItem
iconColor?: string	COLOR.TERTIARY	Default icon color for ContextMenuItem
children?: ReactElement[]		List of ContextMenuItem

API ContextMenuItem

Property	Default Value	Usage
children: string		Menu text
icon?: ReactElement		Icon. Eg: icon={}
disabled?: boolean		Disabled if true
backgroundColor?: string	COLOR.PRIMARY	Background color
textColor?: string	COLOR.SECONDARY	Text color for ContextMenuItem - overrides textColor from ContextMenu
iconColor?: string	COLOR.TERTIARY	Text color for ContextMenuItem - overrides iconColor from ContextMenu
onPress?: () => void		Callback handler for onPress

Automatic Release

Here is an example of the release type that will be done based on a commit messages:

Commit message	Release type
fix: [comment]	Patch Release
feat: [comment]	Minor Feature Release
perf: [comment]	Major Feature Release
doc: [comment]	No Release
refactor: [comment]	No Release
chore: [comment]	No Release