Resolve "Budget"

This commit is contained in:
Thomas Schleicher 2023-12-20 18:36:43 +00:00
parent ab2a03ba0b
commit 5a9b76a3ff
9 changed files with 60 additions and 33 deletions

View file

@ -16,10 +16,11 @@ export default function Layout() {
const styles = StyleSheet.create({
sceneContainer: {
backgroundColor: useThemeColor("backgroundColor"),
backgroundColor: useThemeColor("containerColor"),
},
tabBar: {
backgroundColor: useThemeColor("backgroundColor"),
borderTopColor: useThemeColor("backgroundColor"),
}
});
@ -42,6 +43,7 @@ export default function Layout() {
tabBarLabel: "Budget",
tabBarIcon: ({size, color}) => (
<FontAwesome name="money" size={size} color={color}/>),
unmountOnBlur: true,
}
}/>
<Tabs.Screen name="home" options={
@ -58,6 +60,7 @@ export default function Layout() {
tabBarLabel: "Stats",
tabBarIcon: ({size, color}) => (
<FontAwesome name="bar-chart" size={size} color={color}/>),
unmountOnBlur: true,
}
}/>
</Tabs>

View file

@ -1,27 +1,28 @@
import { StyleSheet, Text, View } from 'react-native';
import { deleteExpenses } from '../../../services/database';
import { SafeAreaView, StyleSheet, Switch, Text } from 'react-native';
export default function Page() {
return (
<View style={styles.container}>
<Text style={styles.text} onPress={() => {
deleteExpenses().then(() => {
console.log("Expenses Deleted!");
})
}}>Reset Expenses</Text>
</View>);
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
switch: {
transform: [{ scaleX: 1.3 }, { scaleY: 1.3 }],
},
text: {
color: "red",
fontSize: 40,
}
});
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
text: {
textAlign: 'center',
fontSize: 40,
color: "red",
}
});
// const {data, isLoading, reFetch} = useFetch();
return (
<SafeAreaView>
<Text style={styles.text}>Hallo wo bin ich?!</Text>
<Switch style={styles.switch}/>
</SafeAreaView>
);
}

View file

@ -14,8 +14,8 @@ export default function Page() {
//Styles
const styles = StyleSheet.create({
safeAreaViewStyle: {
flex: 1,
backgroundColor: useThemeColor("backgroundColor")
flex: 1,
backgroundColor: useThemeColor("containerColor"),
},
container: {
flex: 1,

View file

@ -1,5 +1,28 @@
import { Text } from 'react-native';
import { StyleSheet, Text, View } from 'react-native';
import { deleteExpenses } from '../../../services/database';
export default function Page() {
return <Text>Stats Page</Text>;
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
text: {
textAlign: 'center',
fontSize: 40,
color: "red",
}
});
return (
<View style={styles.container}>
<Text style={styles.text} onPress={() => {
deleteExpenses().then(() => {
console.log("Expenses Deleted!");
})
}}>Reset Expenses</Text>
</View>);
}