soberhofer
/
GiftGenie
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bottom Tab Styling

This commit is contained in:
Samuel Oberhofer 2022-12-10 12:44:05 +01:00
parent 07a70e277e
commit 1daf6346f4
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
navigation/Navigator.js
View File

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