enable gestures only on ios in sample

Author: nhannah

examples/SampleApp/App.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { LogBox, useColorScheme } from 'react-native';
+import { LogBox, Platform, useColorScheme } from 'react-native';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import {
   DarkTheme,
@@ -106,7 +106,9 @@ const DrawerNavigator: React.FC = () => {
 
   return (
     <Drawer.Navigator
-      screenOptions={{ gestureEnabled: overlay === 'none' }}
+      screenOptions={{
+        gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+      }}
       drawerContent={(props) => <MenuDrawer {...props} />}
       drawerStyle={{
         width: 300,
@@ -204,7 +206,10 @@ const HomeScreen = () => {
       <Stack.Screen
         component={ChannelScreen}
         name='ChannelScreen'
-        options={{ gestureEnabled: overlay === 'none', headerShown: false }}
+        options={{
+          gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+          headerShown: false,
+        }}
       />
       <Stack.Screen
         component={NewDirectMessagingScreen}
@@ -251,7 +256,10 @@ const HomeScreen = () => {
       <Stack.Screen
         component={ThreadScreen}
         name='ThreadScreen'
-        options={{ gestureEnabled: overlay === 'none', headerShown: false }}
+        options={{
+          gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+          headerShown: false,
+        }}
       />
     </Stack.Navigator>
   );

examples/TypeScriptMessaging/App.tsx

@@ -1,5 +1,11 @@
 import React, { useContext, useEffect, useMemo, useState } from 'react';
-import { LogBox, SafeAreaView, View, useColorScheme } from 'react-native';
+import {
+  LogBox,
+  Platform,
+  SafeAreaView,
+  View,
+  useColorScheme,
+} from 'react-native';
 import {
   DarkTheme,
   DefaultTheme,
@@ -124,7 +130,9 @@ const ChannelScreen: React.FC<ChannelScreenProps> = ({ navigation }) => {
   const { overlay } = useOverlayContext();
 
   useEffect(() => {
-    navigation.setOptions({ gestureEnabled: overlay === 'none' });
+    navigation.setOptions({
+      gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+    });
   }, [overlay]);
 
   useEffect(() => {
@@ -175,7 +183,9 @@ const ThreadScreen: React.FC<ThreadScreenProps> = ({ navigation }) => {
   const { overlay } = useOverlayContext();
 
   useEffect(() => {
-    navigation.setOptions({ gestureEnabled: overlay === 'none' });
+    navigation.setOptions({
+      gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+    });
   }, [overlay]);
 
   return (