fix: fix drawer screen content not being interactable on Android

react-navigation · Jan 25, 2021 · 87b5147 · 87b5147
1 parent b1b2118
commit 87b5147
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/bottom-tabs/src/views/ResourceSavingScene.tsx b/packages/bottom-tabs/src/views/ResourceSavingScene.tsx
@@ -60,7 +60,11 @@ export default function ResourceSavingScene({
   }
 
   return (
-    <View style={[styles.container, style]} pointerEvents="box-none">
+    <View
+      style={[styles.container, style]}
+      // box-none doesn't seem to work properly on Android
+      pointerEvents={isVisible ? 'auto' : 'none'}
+    >
       <View
         collapsable={false}
         removeClippedSubviews={

diff --git a/packages/drawer/src/views/ResourceSavingScene.tsx b/packages/drawer/src/views/ResourceSavingScene.tsx
@@ -60,7 +60,11 @@ export default function ResourceSavingScene({
   }
 
   return (
-    <View style={[styles.container, style]} pointerEvents="box-none">
+    <View
+      style={[styles.container, style]}
+      // box-none doesn't seem to work properly on Android
+      pointerEvents={isVisible ? 'auto' : 'none'}
+    >
       <View
         collapsable={false}
         removeClippedSubviews={