From a59ed91aadccf2ffcee3fa1bf7719c2ef5a623d5 Mon Sep 17 00:00:00 2001
From: Bruno Castro <bruno.castro@codeminer42.com>
Date: Fri, 8 Mar 2019 16:06:06 -0300
Subject: [PATCH] feat: Move itemStyle to SafeAreaView (#55)

In order to add a custom style like borderRadius to the drawer item, it's necessary to pass a prop to SafeAreaView. Thus, the inner view
was removed and itemStyle has been moved to SafeAreaView
---
 .../drawer/src/views/DrawerNavigatorItems.js  | 44 +++++++++----------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/packages/drawer/src/views/DrawerNavigatorItems.js b/packages/drawer/src/views/DrawerNavigatorItems.js
index 6f19ea3d..2cb52fa8 100644
--- a/packages/drawer/src/views/DrawerNavigatorItems.js
+++ b/packages/drawer/src/views/DrawerNavigatorItems.js
@@ -47,35 +47,33 @@ const DrawerNavigatorItems = ({
           delayPressIn={0}
         >
           <SafeAreaView
-            style={{ backgroundColor }}
+            style={[{ backgroundColor }, styles.item, itemStyle]}
             forceInset={{
               [drawerPosition]: 'always',
               [drawerPosition === 'left' ? 'right' : 'left']: 'never',
               vertical: 'never',
             }}
           >
-            <View style={[styles.item, itemStyle]}>
-              {icon ? (
-                <View
-                  style={[
-                    styles.icon,
-                    focused ? null : styles.inactiveIcon,
-                    iconContainerStyle,
-                  ]}
-                >
-                  {icon}
-                </View>
-              ) : null}
-              {typeof label === 'string' ? (
-                <Text
-                  style={[styles.label, { color }, labelStyle, extraLabelStyle]}
-                >
-                  {label}
-                </Text>
-              ) : (
-                label
-              )}
-            </View>
+            {icon ? (
+              <View
+                style={[
+                  styles.icon,
+                  focused ? null : styles.inactiveIcon,
+                  iconContainerStyle,
+                ]}
+              >
+                {icon}
+              </View>
+            ) : null}
+            {typeof label === 'string' ? (
+              <Text
+                style={[styles.label, { color }, labelStyle, extraLabelStyle]}
+              >
+                {label}
+              </Text>
+            ) : (
+              label
+            )}
           </SafeAreaView>
         </TouchableItem>
       );