Merge pull request #4 from ShadyXV/master

Update Prop Type for Nav Component
sharingapples · Jan 30, 2019 · a4d4f9d · a4d4f9d
2 parents 71224de + 002cae0
commit a4d4f9d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/BottomNavigation/BottomNavigation.js b/BottomNavigation/BottomNavigation.js
@@ -30,7 +30,6 @@ const styles = StyleSheet.create({
     paddingBottom: padding,
     width: '100%',
     flexDirection: 'row',
-    backgroundColor: 'red',
   },
 });
 

diff --git a/BottomNavigation/Nav.js b/BottomNavigation/Nav.js
@@ -1,14 +1,14 @@
 // @flow
 import React from 'react';
 import {
-  TouchableOpacity, View, Text, Image, StyleSheet,
+  TouchableOpacity, Text, Image, StyleSheet,
 } from 'react-native';
 
 import NavigatonContext from './NavigatonContext';
 
 type Props = {
   title: string,
-  screen: React.Node,
+  screen: Class<Component>,
   icon: number,
 }
 
@@ -34,10 +34,10 @@ const Nav = ({ title, screen, icon }: Props) => (
         const activeColor = activeScreen === screen ? tintColor : undefined;
         return (
           <TouchableOpacity style={styles.container} onPress={() => setActiveScreen(screen)}>
-              <Image source={icon} style={styles.icon} tintColor={activeColor} />
-              <Text allowFontScaling={false} style={[styles.title, { color: activeColor }]}>
-                {title}
-              </Text>
+            <Image source={icon} style={styles.icon} tintColor={activeColor} />
+            <Text allowFontScaling={false} style={[styles.title, { color: activeColor }]}>
+              {title}
+            </Text>
           </TouchableOpacity>
         );
       }