fix: System style change does not propergate
This commit is contained in:
parent
c960c41e3a
commit
0f9783c292
1 changed files with 8 additions and 8 deletions
|
|
@ -5,23 +5,23 @@ import { FontAwesome } from "@expo/vector-icons";
|
||||||
import {useThemeColor} from "../hooks/hooks";
|
import {useThemeColor} from "../hooks/hooks";
|
||||||
|
|
||||||
export default function Layout() {
|
export default function Layout() {
|
||||||
const selectedColor: string = useThemeColor( "tabIconSelected");
|
// const selectedColor: string = useThemeColor( "tabIconSelected");
|
||||||
const defaultColor: string = useThemeColor("tabIconDefault");
|
// const defaultColor: string = useThemeColor("tabIconDefault");
|
||||||
const backgroundColor: string = useThemeColor("backgroundColor");
|
// const backgroundColor: string = useThemeColor("backgroundColor");
|
||||||
const tabBarColor: string = useThemeColor("tabBarColor");
|
// const tabBarColor: string = useThemeColor("tabBarColor");
|
||||||
|
|
||||||
const styles = StyleSheet.create({
|
const styles = StyleSheet.create({
|
||||||
sceneContainer: {
|
sceneContainer: {
|
||||||
backgroundColor: backgroundColor,
|
backgroundColor: useThemeColor("backgroundColor"),
|
||||||
},
|
},
|
||||||
tabBar: {
|
tabBar: {
|
||||||
backgroundColor: tabBarColor,
|
backgroundColor: useThemeColor("backgroundColor"),
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const screenOptions = {
|
const screenOptions = {
|
||||||
tabBarActiveTintColor: selectedColor,
|
tabBarActiveTintColor: useThemeColor( "tabIconSelected"),
|
||||||
tabBarInactiveTintColor: defaultColor,
|
tabBarInactiveTintColor: useThemeColor("tabIconDefault"),
|
||||||
headerShown: false,
|
headerShown: false,
|
||||||
tabBarStyle: styles.tabBar,
|
tabBarStyle: styles.tabBar,
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Reference in a new issue