From 9a99c9c8c849a0b6bd5ef28fc1693fa0c0067008 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 13 Dec 2022 15:01:14 -0600
Subject: [PATCH] Hide main menu drawer on click outside
---
src/view/shell/mobile/index.tsx | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/view/shell/mobile/index.tsx b/src/view/shell/mobile/index.tsx
index 0e42cc13..308501d2 100644
--- a/src/view/shell/mobile/index.tsx
+++ b/src/view/shell/mobile/index.tsx
@@ -9,6 +9,7 @@ import {
StyleSheet,
Text,
TouchableOpacity,
+ TouchableWithoutFeedback,
useColorScheme,
useWindowDimensions,
View,
@@ -394,7 +395,10 @@ export const MobileShell: React.FC = observer(() => {
)}
</ScreenContainer>
{isMenuActive || menuSwipingDirection !== 0 ? (
- <Animated.View style={[styles.screenMask, menuSwipeOpacity]} />
+ <TouchableWithoutFeedback
+ onPress={() => store.shell.setMainMenuOpen(false)}>
+ <Animated.View style={[styles.screenMask, menuSwipeOpacity]} />
+ </TouchableWithoutFeedback>
) : undefined}
<Animated.View style={[styles.menuDrawer, menuSwipeTransform]}>
<Menu