import * as React from 'react' ; import { Image , Alert } from 'react-native' ; import { ContextMenuView } from 'react-native-ios-context-menu' ; import type { ContextMenuExampleProps } from './SharedExampleTypes' ; import { ContextMenuCard } from '../components/ContextMenuCard' ; const iconA = Image . resolveAssetSource ( require ( '../assets/emoji-pleading-face.png' ) ) ; const iconB = Image . resolveAssetSource ( require ( '../assets/emoji-smiling-face-with-hearts.png' ) ) ; const iconC = Image . resolveAssetSource ( require ( '../assets/emoji-sparkling-heart.png' ) ) ; export function ContextMenuViewExample18 ( props ) { return ( < ContextMenuView style = { props . style } menuConfig = { { menuTitle : 'ContextMenuViewExample18' , menuItems : [ { actionKey : 'key-01' , actionTitle : 'Action #1' , discoverabilityTitle : 'Use "REQUIRE" icon' , icon : { iconType : 'REQUIRE' , iconValue : iconA , } } , { actionKey : 'key-02' , actionTitle : 'Action #2' , discoverabilityTitle : 'Use "IMAGE_REQUIRE" icon' , icon : { type : 'IMAGE_REQUIRE' , imageValue : iconB , } } , { actionKey : 'key-03' , actionTitle : 'Action #3' , discoverabilityTitle : 'Use "IMAGE_REQUIRE" icon' , icon : { type : 'IMAGE_REQUIRE' , imageValue : iconC , } } ] , } } onPressMenuItem = { ( { nativeEvent } ) => { Alert . alert ( 'onPressMenuItem Event' , `actionKey: ${ nativeEvent . actionKey } - actionTitle: ${ nativeEvent . actionTitle }` ) ; } } > < ContextMenuCard index = { props . index } title = { 'ContextMenuViewExample18' } subtitle = { 'ImageType Icons' } description = { [ `Context menu with actions that uses 'IMAGE_REQUIRE' icons` ] } / > < /ContextMenuView>); } ;