diff --git a/src/Dusken.js b/src/Dusken.js index da3bbe1..d01e384 100644 --- a/src/Dusken.js +++ b/src/Dusken.js @@ -7,18 +7,18 @@ import AboutScreen from "./screens/AboutScreen"; import MembershipScreen from "./screens/MembershipScreen"; -const routeConfig = { +const tabBarRoutes = { Events: { screen: EventsScreen }, Membership: { screen: MembershipScreen }, About: { screen: AboutScreen }, }; -const tabConfig = { - tabBarPosition: 'bottom' +const tabBarOptions = { + tabBarPosition: 'bottom', }; /* Navigation */ -const tabNav = TabNavigator(routeConfig, tabConfig); +const tabNav = TabNavigator(tabBarRoutes, tabBarOptions); const DuskenContainer = StackNavigator({ Root: { screen: tabNav}, diff --git a/src/screens/AboutScreen.js b/src/screens/AboutScreen.js index 98adaa6..d6d6586 100644 --- a/src/screens/AboutScreen.js +++ b/src/screens/AboutScreen.js @@ -1,9 +1,13 @@ import React, { Component } from 'react'; import AboutContainer from "../modules/about/AboutContainer"; +import Icon from 'react-native-vector-icons/SimpleLineIcons'; export default class AboutScreen extends Component { static navigationOptions = { title: 'Om oss', + tabBarIcon: ({ tintColor }) => ( + + ), }; render() { diff --git a/src/screens/EventScreen.js b/src/screens/EventScreen.js index 0f8e4e4..c0df039 100644 --- a/src/screens/EventScreen.js +++ b/src/screens/EventScreen.js @@ -1,9 +1,13 @@ import React, { Component } from 'react'; import EventListContainer from "../modules/events/EventListContainer"; +import Icon from 'react-native-vector-icons/SimpleLineIcons'; export default class EventsScreen extends Component { static navigationOptions = { title: 'Program', + tabBarIcon: ({ tintColor }) => ( + + ), }; render() { diff --git a/src/screens/MembershipScreen.js b/src/screens/MembershipScreen.js index 6ce36be..cad5df5 100644 --- a/src/screens/MembershipScreen.js +++ b/src/screens/MembershipScreen.js @@ -1,9 +1,13 @@ import React, { Component } from 'react'; import MembershipContainer from "../modules/membership/MembershipContainer"; +import Icon from 'react-native-vector-icons/SimpleLineIcons'; export default class MembershipScreen extends Component { static navigationOptions = { title: 'Medlemskap', + tabBarIcon: ({ tintColor }) => ( + + ), }; render() {