rawalcher/interaktive-systeme
Archived
1
0
Fork 0
Code Issues 5 Pull requests 2 Projects Releases 14 Packages Wiki Activity Actions

useTheme applied globally

Browse source
This commit is contained in:
Jakob Stornig 2023-12-30 14:35:05 +01:00
parent 1f304d41f2
commit 9de2678922
12 changed files with 31 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

18
app/(tabs)/_layout.tsx
View file

@ -4,29 +4,25 @@ import { StyleSheet } from "react-native";
import { FontAwesome } from "@expo/vector-icons";
import { Redirect } from "expo-router";
import React, { useEffect } from "react";
import { useThemeColor } from "../../hooks/useThemeColor";
import { useTheme } from "../contexts/ThemeContext";
import { useAuth } from "../contexts/AuthContext";
export default function Layout() {
// const selectedColor: string = useThemeColor( "tabIconSelected");
// const defaultColor: string = useThemeColor("tabIconDefault");
// const backgroundColor: string = useThemeColor("backgroundColor");
// const tabBarColor: string = useThemeColor("tabBarColor");
const {authState} = useAuth()
const {colors} = useTheme()
const styles = StyleSheet.create({
sceneContainer: {
backgroundColor: useThemeColor("containerColor"),
backgroundColor: colors.containerColor,
},
tabBar: {
backgroundColor: useThemeColor("backgroundColor"),
borderTopColor: useThemeColor("backgroundColor"),
backgroundColor: colors.backgroundColor,
borderTopColor: colors.backgroundColor
}
});
const screenOptions = {
tabBarActiveTintColor: useThemeColor( "tabIconSelected"),
tabBarInactiveTintColor: useThemeColor("tabIconDefault"),
tabBarActiveTintColor: colors.tabIconSelected,
tabBarInactiveTintColor: colors.tabIconDefault,
headerShown: false,
tabBarStyle: styles.tabBar,
}