nomadcoders#18.0 Tab Styles

DmytroSkrypnyk · Jun 25, 2019 · 9b157f6 · 9b157f6
1 parent f8559bf
commit 9b157f6
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 5 deletions.
diff --git a/navigation/MainNavigation.js b/navigation/MainNavigation.js
@@ -6,8 +6,8 @@ import { stackStyles } from "./config";
 
 const MainNavigation = createStackNavigator(
   {
-    TabNavigation,
     PhotoNavigation,
+    TabNavigation,
     MessageNavigation
   },
   {

diff --git a/navigation/PhotoNavigation.js b/navigation/PhotoNavigation.js
@@ -6,20 +6,50 @@ import SelectPhoto from "../screens/Photo/SelectPhoto";
 import TakePhoto from "../screens/Photo/TakePhoto";
 import UploadPhoto from "../screens/Photo/UploadPhoto";
 import { stackStyles } from "./config";
+import styles from "../styles";
 
 const PhotoTabs = createMaterialTopTabNavigator(
   {
-    SelectPhoto,
-    TakePhoto
+    Select: {
+      screen: SelectPhoto,
+      navigationOptions: {
+        tabBarLabel: "Select"
+      }
+    },
+    Take: {
+      screen: TakePhoto,
+      navigationOptions: {
+        tabBarLabel: "Take"
+      }
+    }
   },
   {
-    tabBarPosition: "bottom"
+    tabBarPosition: "bottom",
+    tabBarOptions: {
+      indicatorStyle: {
+        backgroundColor: styles.blackColor,
+        marginBottom: 20
+      },
+      labelStyle: {
+        color: styles.blackColor,
+        fontWeight: "600"
+      },
+      style: {
+        paddingBottom: 20,
+        ...stackStyles
+      }
+    }
   }
 );
 
 export default createStackNavigator(
   {
-    PhotoTabs,
+    Tabs: {
+      screen: PhotoTabs,
+      navigationOptions: {
+        header: null
+      }
+    },
     UploadPhoto
   },
   {