From 9ab5585fe941d3bb39faf845ebe1f2d783a6c250 Mon Sep 17 00:00:00 2001
From: feruz <fmiboy@gmail.com>
Date: Thu, 5 Dec 2019 05:16:12 +0200
Subject: [PATCH] small hack, todo: find better way

---
 src/components/bottomTabBar/view/bottomTabBarStyles.js | 9 ++++++++-
 src/components/bottomTabBar/view/tabbar.js             | 9 ++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/bottomTabBar/view/bottomTabBarStyles.js b/src/components/bottomTabBar/view/bottomTabBarStyles.js
index 08b070f3f..d0cd5a927 100644
--- a/src/components/bottomTabBar/view/bottomTabBarStyles.js
+++ b/src/components/bottomTabBar/view/bottomTabBarStyles.js
@@ -23,9 +23,16 @@ export default EStyleSheet.create({
     alignItems: 'center',
     zIndex: 0,
     paddingBottom: 20,
-    paddingRight: 3,
     width: (deviceWidth - 38) / 5,
   },
+  navItem2: {
+    paddingRight: 5,
+    paddingLeft: 2,
+  },
+  navItem3: {
+    paddingRight: 0,
+    paddingLeft: 2,
+  },
   circle: {
     bottom: 25,
   },
diff --git a/src/components/bottomTabBar/view/tabbar.js b/src/components/bottomTabBar/view/tabbar.js
index 90f5aec06..0804c1f45 100644
--- a/src/components/bottomTabBar/view/tabbar.js
+++ b/src/components/bottomTabBar/view/tabbar.js
@@ -144,7 +144,14 @@ const TabBarItem = ({ icon, selectedIcon, index, selected, onPress, showIcon, di
   if (selected) {
     if (showIcon) {
       return (
-        <TouchableHighlight underlayColor="transparent" style={styles.navItem}>
+        <TouchableHighlight
+          underlayColor="transparent"
+          style={[
+            styles.navItem,
+            (index === 0 || index === 1) && styles.navItem2,
+            (index === 3 || index === 4) && styles.navItem3,
+          ]}
+        >
           <View style={styles.circle}>{selectedIcon || icon}</View>
         </TouchableHighlight>
       );