tweaks

Author: mahmods

.babelrc

@@ -1,10 +1,12 @@
 import React from 'react';
 import { AppLoading, Asset, Font } from 'expo';
-import Home from './screens/home/home'
-import Join from './screens/join/join'
-import Gallery from './screens/gallery/gallery'
-import Contact from './screens/contact/contact'
-import About from './screens/about/about'
+import Home from './screens/fitexpress/home/home'
+import Join from './screens/fitexpress/join/join'
+import Gallery from './screens/fitexpress/gallery/gallery'
+import Contact from './screens/fitexpress/contact/contact'
+import About from './screens/fitexpress/about/about'
+import Bodytec from './screens/bodytec/home/home'
+import BodytecGallery from './screens/bodytec/gallery/gallery'
 
 import { StyleSheet, Text, View, Image, StatusBar, ImageBackground, TouchableHighlight, Dimensions, Platform, PixelRatio } from 'react-native';
 import { DrawerNavigator, StackNavigator } from 'react-navigation';
@@ -25,7 +27,13 @@ const Stack = {
   },
   About: {
 		screen: About
-	},
+  },
+  Bodytec: {
+    screen: Bodytec
+  },
+  BodytecGallery: {
+    screen: BodytecGallery
+  },
 };
 
 const DrawerRoutes = {
@@ -46,15 +54,17 @@ const DrawerRoutes = {
   },
 };
 
+
+
 const RootNavigator = StackNavigator({
 		Drawer: {
 			name: 'Drawer',
 			screen: DrawerNavigator(DrawerRoutes,{
-          contentComponent: CustomDrawer,
-          drawerPosition: 'right'
-        }
+        contentComponent: CustomDrawer,
+        drawerPosition: 'right'
+      }
 			),
-		},
+    },
 		...Stack
 	},
 		{
@@ -80,6 +90,7 @@ function cacheFonts(fonts) {
 export default class App extends React.Component {
   state = {
     isReady: false,
+    current: "fit"
   };
 
   async _loadAssetsAsync() {
@@ -114,7 +125,12 @@ export default class App extends React.Component {
       );
     }
     return (
-      <RootNavigator ref={nav => { this.navigator = nav; }} />
+      <RootNavigator
+      onNavigationStateChange={(prevState, currentState) => {
+        const currentScreen = getCurrentRouteName(currentState);
+        const prevScreen = getCurrentRouteName(prevState);
+      }}
+      ref={nav => { this.navigator = nav; }} />
     );
   }
 }

.flowconfig

@@ -0,0 +1,40 @@
+import { DrawerItems, SafeAreaView } from 'react-navigation';
+import React from 'react';
+import { StyleSheet, ScrollView, Image, Text, View } from 'react-native';
+import { style } from 'expo/src/Font';
+
+export default CustomDrawer = (props) => (
+  <ScrollView style={styles.scrollView}>
+    <SafeAreaView style={styles.container} forceInset={{ top: 'always', horizontal: 'never' }}>
+      <DrawerItems {...props} 
+      labelStyle = {styles.label}
+      itemStyle = {{justifyContent: 'flex-end'}}
+      activeTintColor='#ffffff'
+      inactiveTintColor='#525252'
+      activeBackgroundColor='#0584f7'  />
+    </SafeAreaView>
+  </ScrollView>
+);
+
+const styles = StyleSheet.create({
+  scrollView: {
+      marginTop: 40
+  },
+  logoWrapper: {
+      borderBottomWidth: 0.5,
+      borderBottomColor: '#d6d7da',
+      padding: 40
+  },
+  logo: {
+    alignSelf: "center",
+    width: 250,
+    height: 43,
+  },
+  container: {
+    flex: 1,
+  },
+  label: {
+    fontFamily: 'NeoSansArabic',
+    fontWeight: 'normal',
+  }
+});