indicates active menu item

components/app.js

@@ -93,6 +93,7 @@ export default class App extends Component {
           <Menu
             navigate={this.navigate}
             titles={menuTitlesLowerCase}
+            currentPage={this.state.currentPage}
           />
         }
       </View>

components/menu.js

@@ -4,19 +4,20 @@ import {
   Text,
   TouchableOpacity
 } from 'react-native'
-import styles, { iconStyles } from '../styles'
+import styles, { iconStyles, secondaryColor } from '../styles'
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
 
 export default class Menu extends Component {
   makeMenuItem = ({ title, icon, onPress}, i) => {
+    const styleActive = (this.props.currentPage.toLowerCase() === title) ? {color: secondaryColor} : {}
     return (
       <TouchableOpacity
         onPress={onPress}
         style={styles.menuItem}
         key={i.toString()}
       >
-        <Icon name={icon} {...iconStyles.menuIcon} />
+        <Icon name={icon} {...iconStyles.menuIcon} {...styleActive} />
-        <Text style={styles.menuText}>
+        <Text style={[styles.menuText, styleActive]}>
           {title}
         </Text>
       </TouchableOpacity>