From 463f8e6bac4b2e4f6c1dd6a3a7de30a26783885f Mon Sep 17 00:00:00 2001
From: Maarten <maarten@suiteseven.nl>
Date: Mon, 12 Aug 2024 12:52:37 +0200
Subject: [PATCH] Remove flickering when closing a modal

---
 app/(tabs)/explore.tsx       | 2 +-
 lib/components/EditModal.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(tabs)/explore.tsx b/app/(tabs)/explore.tsx
index a399a53..9d49c52 100644
--- a/app/(tabs)/explore.tsx
+++ b/app/(tabs)/explore.tsx
@@ -132,7 +132,7 @@ export default function ExploreScreen() {
                 </ScrollView>
             </ThemedView>
 
-            <Modal isVisible={activeCategory !== null}>
+            <Modal isVisible={activeCategory !== null}  useNativeDriverForBackdrop={true}>
                 <ThemedView style={{ ...styles.modalView, backgroundColor: Colors[ colorScheme ].background }}>
                     <ThemedText type="subtitle" style={{ marginBottom: 30, textAlign: 'center' }}>{activeCategory?.name}</ThemedText>
 
diff --git a/lib/components/EditModal.tsx b/lib/components/EditModal.tsx
index c108c07..dde469c 100644
--- a/lib/components/EditModal.tsx
+++ b/lib/components/EditModal.tsx
@@ -52,7 +52,7 @@ const CustomModal: React.FC<EditModalProps> = ({ title, visible, onClose, onSave
     };
 
     return (
-        <Modal isVisible={visible}>
+        <Modal isVisible={visible} useNativeDriverForBackdrop={true}>
             <ThemedView style={{ ...styles.view, backgroundColor: Colors[ colorScheme ].background }}>
                 <ThemedText style={styles.text}>{title ? title : 'Pas je gegevens aan:'}</ThemedText>