Merge branch 'os-bottom-tab-styling' of sa1177/ProjectGroup8 into main

This commit is contained in:
Samuel Oberhofer 2022-12-10 12:45:42 +01:00 committed by Gitea
commit 5725f02fe6
1 changed files with 10 additions and 1 deletions

View File

@ -1,5 +1,6 @@
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { NavigationContainer } from "@react-navigation/native"; import { NavigationContainer } from "@react-navigation/native";
import { StyleSheet } from "react-native";
import Icon from "react-native-vector-icons/Ionicons"; import Icon from "react-native-vector-icons/Ionicons";
import Colors from "../constants/colors"; import Colors from "../constants/colors";
@ -17,8 +18,10 @@ function Navigator() {
headerStyle: { headerStyle: {
backgroundColor: Colors.accent500, backgroundColor: Colors.accent500,
}, },
tabBarShowLabel: false, tabBarShowLabel: true,
headerTitle: (props) => <LogoTitle {...props} />, headerTitle: (props) => <LogoTitle {...props} />,
tabBarStyle: styles.TabBar,
tabBarActiveTintColor: Colors.accent500,
}} }}
> >
<Tab.Screen <Tab.Screen
@ -62,4 +65,10 @@ function Navigator() {
); );
} }
const styles = StyleSheet.create({
TabBar: {
backgroundColor: Colors.primary500,
},
});
export default Navigator; export default Navigator;