maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix dark mode views

Browse source
This commit is contained in:
Maarten 2024-08-01 09:47:55 +02:00
parent 43348ee2d3
commit 5ebd10cd3a
3 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/(tabs)/explore.tsx
View file

@ -2,7 +2,6 @@ import {
StyleSheet, StyleSheet,
ScrollView, ScrollView,
SafeAreaView, SafeAreaView,
View,
StatusBar, StatusBar,
Image, Image,
TouchableOpacity TouchableOpacity
@ -20,7 +19,7 @@ export default function ExploreScreen() {
return ( return (
<SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}> <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
<View style={styles.container}> <ThemedView style={styles.container}>
<ScrollView> <ScrollView>
<ThemedView style={styles.titleContainer}> <ThemedView style={styles.titleContainer}>
<ThemedText type="title">Wat moet waar?</ThemedText> <ThemedText type="title">Wat moet waar?</ThemedText>
@ -64,7 +63,7 @@ export default function ExploreScreen() {
</TouchableOpacity> </TouchableOpacity>
</ThemedView> </ThemedView>
</ScrollView> </ScrollView>
</View> </ThemedView>
</SafeAreaView> </SafeAreaView>
); );
} }

4
app/(tabs)/index.tsx
View file

@ -14,7 +14,7 @@ export default function HomeScreen() {
return ( return (
<SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}> <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
<View style={styles.container}> <ThemedView style={styles.container}>
<ScrollView> <ScrollView>
<ThemedView style={styles.titleContainer}> <ThemedView style={styles.titleContainer}>
<ThemedText type="title">{ getGreeting() },</ThemedText> <ThemedText type="title">{ getGreeting() },</ThemedText>
@ -71,7 +71,7 @@ export default function HomeScreen() {
</View> </View>
</ThemedView> </ThemedView>
</ScrollView> </ScrollView>
</View> </ThemedView>
</SafeAreaView> </SafeAreaView>
); );
} }

8
app/(tabs)/map.tsx
View file

@ -49,7 +49,7 @@ export default function MapScreen() {
const renderListItem = (item: any, index: any) => { const renderListItem = (item: any, index: any) => {
return ( return (
<View style={styles.listItem} key={index}> <ThemedView style={styles.listItem} key={index}>
<View style={styles.listItemTitle}> <View style={styles.listItemTitle}>
<Image source={item.image} style={styles.listImage}/> <Image source={item.image} style={styles.listImage}/>
<ThemedText type="default">{item.name}</ThemedText> <ThemedText type="default">{item.name}</ThemedText>
@ -61,7 +61,7 @@ export default function MapScreen() {
value={item.isEnabled} value={item.isEnabled}
onValueChange={() => toggleSwitch(index)} onValueChange={() => toggleSwitch(index)}
/> />
</View> </ThemedView>
); );
}; };
@ -87,7 +87,7 @@ export default function MapScreen() {
return ( return (
<SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}> <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}>
<View style={styles.container}> <ThemedView style={styles.container}>
<ScrollView> <ScrollView>
<ThemedView style={styles.titleContainer}> <ThemedView style={styles.titleContainer}>
<ThemedText type="title">Afvalcontainers</ThemedText> <ThemedText type="title">Afvalcontainers</ThemedText>
@ -113,7 +113,7 @@ export default function MapScreen() {
{ renderList() } { renderList() }
</ThemedView> </ThemedView>
</ScrollView> </ScrollView>
</View> </ThemedView>
</SafeAreaView> </SafeAreaView>
); );
} }