Disable native context menu in react native gifted chat

Question

In my react-native-gifted-chat application I want to use my custom context menu when long pressing message bubble. So I use react-native-context-menu-view like below.

const ChatContextMenu = ({bubbleProps}: Props) => {
    
    return (
        <ContextMenu
            actions={[{title: 'Delete'}]}
            onPress={(event) => {
                if (event.nativeEvent.name === 'Delete') {
                    console.log('deleting...')
                }
            }}
        >
            <Bubble
                {...bubbleProps}
            />
        </ContextMenu>
    )
}

And it works but when I long press the bubble, also the native context menu appears like in the photo below

How can I disable this?

Brogrammer · Accepted Answer · 2024-03-13 19:37:25Z

1

<GiftedChat
  onLongPress={()=> {}}

answered Mar 13, 2024 at 19:37

Brogrammer

5124 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

asfarasiknow Over a year ago

hah, what a simple solution. Works perfect, thank you so much :)

Collectives™ on Stack Overflow

Disable native context menu in react native gifted chat

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related