title: how to add left border color to active drawer menu?
body: <p>i am working on a react native 0.62 in which i have implemented drawer navigator. As per the documentation, i have properly added activeBackgroundColor, activeTintColor etc but as per the company's requirement, when the menu is active i wanted to add borderLeftColor also with activeBackgroundColor. i have tried using style property but it didn't work for me.</p>
  <p>Mock Up:<br />
  <img src="https://i.stack.imgur.com/DRIk2.png" alt="enter image description here" /></p>
  <p>My Current UI:<br />
  <img src="https://i.stack.imgur.com/RrOeL.png" alt="enter image description here" /></p>
  <p>MainNavigator.js</p>
  <pre><code>&lt;Drawer.Navigator initialRouteName=&quot;Dashboard&quot; drawerContent={(props) =&gt; &lt;DrawerContent {...props} /&gt;} hideStatusBar={false} focused={true} labelStyle={{ fontSize: 14, fontFamily: 'OpenSans-SemiBold' }} drawerContentOptions={{ activeBackgroundColor: &quot;#F1F1F1&quot;, activeTintColor: &quot;#000000&quot;, inactiveTintColor: &quot;#818181&quot;,itemStyle: { marginLeft:0, paddingHorizontal: 10, width:'100%', borderRadius: 0}}}  indicatorStyle={{
      borderBottomWidth: 2,
      borderBottomColor: 'red',
  }}
   &gt;
      &lt;Drawer.Screen name=&quot;Dashboard&quot; component={DashboardStackScreen} options={{
        drawerIcon: ({ focused, size }) =&gt; (
          &lt;Image source={require('../assets/images/dashboard.png')} style={{ height: 17.78, width: 16}}  resizeMode=&quot;contain&quot;/&gt;
        ),
      }}
      
      /&gt;
      &lt;Drawer.Screen name=&quot;My Profile&quot; component={MyProfileStackScreen} options={{
        drawerIcon: ({ focused, size }) =&gt; (
          &lt;Image source={require('../assets/images/profile.png')} style={{ height: 16, width: 16 }}  resizeMode=&quot;contain&quot;/&gt;
        ),
      }} /&gt;
  &lt;/Drawer.Navigator &gt;
  </code></pre>
  <p>DrawerContent.js</p>
  <pre><code>&lt;DrawerContentScrollView {...props}  &gt;
                            &lt;DrawerItemList {...props}  
    /&gt;
      &lt;DrawerItem     
      labelStyle={{ fontSize: 14, fontFamily: 'OpenSans-SemiBold' }} activeBackgroundColor= &quot;#F1F1F1&quot; activeTintColor=&quot;#000000&quot; inactiveTintColor= &quot;#818181&quot;                                        
          label=&quot;Logout&quot;
          icon={({ focused, color, size })=&gt;{
              return(
              &lt;Image source={require('../assets/images/logout.png')} style={{ height: 14.36, width: 14.36 }} resizeMode=&quot;contain&quot;/&gt;)
           }}   
          onPress={() =&gt; {resetData(); props.dispatch({type:'AUTH_FAILURE', payload: ''}); props.dispatch(onClear())}    }                           
      /&gt;
  
  &lt;/DrawerContentScrollView&gt;
  </code></pre>
  <p>Thank you in advance.</p>