fix: System style change does not propergate

This commit is contained in:
Jakob Stornig 2023-12-03 19:41:37 +01:00
parent c960c41e3a
commit 0f9783c292

View file

@ -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,
} }