codestyle

SecondaryBottomTabs.js

@@ -5,6 +5,7 @@
 import React from 'react';
 import { Button, ScrollView } from 'react-native';
 import { SafeAreaView, StackNavigator, TabNavigator } from 'react-navigation';
+import PropTypes from 'prop-types';
 
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import SampleText from './SampleText';
@@ -30,21 +31,72 @@ const MyNavScreen = ({ navigation, banner }) => (
   </ScrollView>
 );
 
+MyNavScreen.propTypes = {
+  banner: PropTypes.string,
+  navigation: PropTypes.shape({
+    navigate: PropTypes.func,
+  }),
+};
+
 const MyHomeScreen = ({ navigation }) => (
   <MyNavScreen banner="Home Screen" navigation={navigation} />
 );
 
+MyHomeScreen.propTypes = {
+  navigation: PropTypes.shape({
+    navigate: PropTypes.func,
+  }),
+};
+
 const MyNotificationsSettingsScreen = ({ navigation }) => (
   <MyNavScreen banner="Notifications Screen" navigation={navigation} />
 );
 
+MyNotificationsSettingsScreen.propTypes = {
+  navigation: PropTypes.shape({
+    navigate: PropTypes.func,
+  }),
+};
+
 const MySettingsScreen = ({ navigation }) => (
   <MyNavScreen banner="Settings Screen" navigation={navigation} />
 );
 
+MySettingsScreen.propTypes = {
+  navigation: PropTypes.shape({
+    navigate: PropTypes.func,
+  }),
+};
+
 var bitcoin = require('bitcoinjs-lib');
 var myString = bitcoin.ECPair.makeRandom().toWIF();
 
+const tabBarIconMainTab = ({ tintColor, focused }) => (
+  <Ionicons
+    name={focused ? 'ios-home' : 'ios-home-outline'}
+    size={26}
+    style={{ color: tintColor }}
+  />
+);
+
+tabBarIconMainTab.propTypes = {
+  tintColor: PropTypes.string,
+  focused: PropTypes.boolean,
+};
+
+const tabBarIconSettingsTab = ({ tintColor, focused }) => (
+  <Ionicons
+    name={focused ? 'ios-settings' : 'ios-settings-outline'}
+    size={26}
+    style={{ color: tintColor }}
+  />
+);
+
+tabBarIconSettingsTab.propTypes = {
+  tintColor: PropTypes.string,
+  focused: PropTypes.boolean,
+};
+
 const TabNav = TabNavigator(
   {
     MainTab: {
@@ -53,13 +105,7 @@ const TabNav = TabNavigator(
       navigationOptions: {
         title: 'Welcome1 ' + myString,
         tabBarLabel: 'Transactions',
-        tabBarIcon: ({ tintColor, focused }) => (
-          <Ionicons
-            name={focused ? 'ios-home' : 'ios-home-outline'}
-            size={26}
-            style={{ color: tintColor }}
-          />
-        ),
+        tabBarIcon: tabBarIconMainTab,
       },
     },
     SettingsTab: {
@@ -67,13 +113,7 @@ const TabNav = TabNavigator(
       path: '/settings',
       navigationOptions: {
         title: 'Settings',
-        tabBarIcon: ({ tintColor, focused }) => (
-          <Ionicons
-            name={focused ? 'ios-settings' : 'ios-settings-outline'}
-            size={26}
-            style={{ color: tintColor }}
-          />
-        ),
+        tabBarIcon: tabBarIconSettingsTab,
       },
     },
   },