Fix dark mode views

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

View file

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

View file

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

View file

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