From 98e0f9b047483ef533153548129bfc30b0d1c409 Mon Sep 17 00:00:00 2001
From: Maarten <maarten@suiteseven.nl>
Date: Thu, 1 Aug 2024 15:01:35 +0200
Subject: [PATCH] Fix scrolling in explore tab

---
 app/(tabs)/explore.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index 699ff0f..d60c38f 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -73,9 +73,9 @@ export default function ExploreScreen() {
   };
 
   return (
-    <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background,}}>
-      <ScrollView>
-        <ThemedView style={styles.container}>
+    <SafeAreaView style={{flex: 1, backgroundColor: Colors[colorScheme].background}}>
+      <ThemedView>
+        <ScrollView style={styles.container}>
           <ThemedView style={styles.titleContainer}>
             <ThemedText type="title">Wat moet waar?</ThemedText>
           </ThemedView>
@@ -121,8 +121,8 @@ export default function ExploreScreen() {
               )}
             />
           </ThemedView>
-        </ThemedView>
-      </ScrollView>
+        </ScrollView>
+      </ThemedView>
 
       <Modal isVisible={activeCategory !== null}>
         <ThemedView style={{...styles.modalView, backgroundColor: Colors[colorScheme].background}}>
@@ -151,8 +151,8 @@ export default function ExploreScreen() {
 
 const styles = StyleSheet.create({
   container: {
-    padding: 25,
     marginTop: StatusBar.currentHeight,
+    padding: 25,
   },
   titleContainer: {
     flexDirection: 'row',
@@ -168,6 +168,7 @@ const styles = StyleSheet.create({
   },
   listContainer: {
     marginTop: 10,
+    paddingBottom: 50
   },
   listItem: {
     flex: 1,