Merge branch 'os-bottom-tab-styling' of sa1177/ProjectGroup8 into main
This commit is contained in:
commit
5725f02fe6
|
|
@ -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;
|
||||||
|
|
|
||||||
Reference in New Issue