title: Highlight Current Active Drawer menu in React navigation v5
body: <p>I have created a custom drawer navigator using react navigation version: 5.X, 
  But the current active tab is not getting highlighted in custom drawer menu.</p>
  
  <ol>
  <li>I have added 'activeTintColor' in DrawerItem element, but it's not getting applied to active item.</li>
  <li>I have also added activeTintColor in drawerContentOptions. But is not getting applied either. Is their any way to use this common options in custom drawer component ?</li>
  <li>I have used 'icon' in DrawerItem element, where I have added the default props (color, focused, size) as per the react navigation document. And due to this, color of icons are 'gray' (may be default behavior). How can I change this default props values ? </li>
  <li>default prop 'focused' in 'icon' is also not working. icons are not getting changed for selected tab.</li>
  </ol>
  
  <p>Please find the below code images. And let me know in case I have made any mistake. </p>
  
  <p>Navigator Code :</p>
  
  <p><a href="https://i.stack.imgur.com/OcdAR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/OcdAR.png" alt="enter image description here"></a></p>
  
  <p><strong>Custom Drawer Component :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/cb12o.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cb12o.png" alt="enter image description here"></a></p>
  
  <p><strong>Current Active Tab : Home</strong></p>
  
  <p><a href="https://i.stack.imgur.com/j2nQV.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/j2nQV.jpg" alt="enter image description here"></a></p>