title: How to implement onPress in menu.item? native-base@3.2.1-rc.1
body: <p>For some reason there's no nativeBase api or documentation on this. I can not get a menu.item to respond to press/click no matter what I try.</p>
  <p>Attempts</p>
  <ul>
  <li>putting Text/Button elements from react-native into the menu. item</li>
  <li>putting the menu in multiple different screens</li>
  <li>creating a separate function instead of just arrow function</li>
  </ul>
  <pre><code>import React from &quot;react&quot;
  import {
    Menu,
    HamburgerIcon,
    Box,
    Center,
    NativeBaseProvider,
    usePropsResolution,
    Text,
    Pressable
  } from &quot;native-base&quot;
  import {Alert, } from &quot;react-native&quot;;
  import { logout } from &quot;../_redux/_actions/authentication.actions&quot;;
  
  
  
  export const NavMenu = (props) =&gt; { 
  
    const menuItems = ['Profile','Sign Out'];
    
  
   
  
  return (
    &lt;Box h=&quot;80%&quot; w=&quot;95%&quot; alignItems=&quot;flex-start&quot;&gt;
      &lt;Menu w=&quot;150&quot; top=&quot;-85&quot; h=&quot;100%&quot;
        trigger={(triggerProps) =&gt; {
          return (
            &lt;Pressable accessibilityLabel=&quot;More options menu&quot; {...triggerProps}&gt;
              &lt;HamburgerIcon color=&quot;black&quot; /&gt;
            &lt;/Pressable&gt;
          )
        }}
      &gt;
        
          **&lt;Menu.Item  onPress={()=&gt;alert(&quot;Alert Title&quot;)}&gt;**
            Logout
          &lt;/Menu.Item&gt;
     
  
      &lt;/Menu&gt;
    &lt;/Box&gt;
  )
  }
  
  export default () =&gt; {
    return (
      &lt;NativeBaseProvider&gt;
        &lt;Center flex={1} px=&quot;1&quot;&gt;
          &lt;NavMenu /&gt;
        &lt;/Center&gt;
      &lt;/NativeBaseProvider&gt;
    )
  }
  </code></pre>