Skip to content
Snippets Groups Projects
Commit 5959b441 authored by tina's avatar tina
Browse files

indicates active menu item

parent 2c61fc71
No related branches found
No related tags found
No related merge requests found
......@@ -93,6 +93,7 @@ export default class App extends Component {
<Menu
navigate={this.navigate}
titles={menuTitlesLowerCase}
currentPage={this.state.currentPage}
/>
}
</View>
......
......@@ -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} />
<Text style={styles.menuText}>
<Icon name={icon} {...iconStyles.menuIcon} {...styleActive} />
<Text style={[styles.menuText, styleActive]}>
{title}
</Text>
</TouchableOpacity>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment