instea/react-native-popup-menu

Anchor arrow not shown

udarts opened this issue · 2 comments

Referring to a previous post: #148

The anchor arrow is still not shown.

Using the following code:

<Menu
    opened={contextMenuOpen}
    onBackdropPress={() => setConextMenuOpen(false)}
    rendererProps={{placement: 'top', anchorStyle: {backgroundColor: '#000000'}}}>
    <MenuTrigger/>
    <MenuOptions>
        <MenuOption onSelect={() => alert(`Delete`)} >
            <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
    </MenuOptions>
</Menu>

The anchor is not shown.

Any idea why?

same error

Referring to a previous post: #148

The anchor arrow is still not shown.

Using the following code:

<Menu
    opened={contextMenuOpen}
    onBackdropPress={() => setConextMenuOpen(false)}
    rendererProps={{placement: 'top', anchorStyle: {backgroundColor: '#000000'}}}>
    <MenuTrigger/>
    <MenuOptions>
        <MenuOption onSelect={() => alert(`Delete`)} >
            <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
    </MenuOptions>
</Menu>

The anchor is not shown.

Any idea why?

Have u use renderer={renderers.Popover} in Menu props ? But you have to import renderers from the react-native-popup-menu.