Popover "tail" doesn't appear

[connercms]

Using RN v0.57.1 and rnpm v0.14.2, I am unable to make the popup renderer "tail" appear, no matter what I configure with rendererProps. It simply appears as a box.

The following code taken directly from the example (with the exception of custom MenuTrigger child)

<Menu renderer={renderers.Popover} rendererProps={{placement: 'bottom'}}>
    <MenuTrigger>
        <MaterialCommunityIcons name="filter" size={30} />
    </MenuTrigger>
    <MenuOptions>
        <MenuOption onSelect={() => alert(`Save`)} text="Save" />
        <MenuOption onSelect={() => alert(`Delete`)}>
          <Text style={{color: 'red'}}>Delete</Text>
        </MenuOption>
        <MenuOption onSelect={() => alert(`Not called`)} disabled={true} text="Disabled" />
    </MenuOptions>
</Menu>

Produces the following

[connercms]

After looking through the library code, I discovered the default anchor style background color is set to white, so it won't show against white backgrounds. Might add this to the docs somewhere as it wasn't clear. For anyone with a similar issue, to configure the anchor colors, add anchorStyle inside the rendererProps

<Menu renderer={renderers.Popover} 
rendererProps={{placement: 'bottom', anchorStyle: {backgroundColor: '#eaeaea'}}}>

[IgorVanian]

@connercms So why the shadow isn't applied to the anchor? In the library the elevation is applied but not iOS shadow props.

[sodik82]

PR welcomed