Native-x-context-menu NPM

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

native-x-icon native-x-spacer native-x-stack native-x-text native-x-theme react-native-popup-menu tachyons-react-native

@infinitebrahmanuniverse/nolb-native-@everything-registry/sub-chunk-2247 @vikalp_p/native-x

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago