feat: add Windows and macOS support

packages/drawer/src/views/Drawer.tsx

@@ -69,8 +69,11 @@ const SPRING_CONFIG = {
   restSpeedThreshold: 0.01,
 };
 
+const ANIMATED_ZERO = new Animated.Value(0);
 const ANIMATED_ONE = new Animated.Value(1);
 
+const PROGRESS_EPSILON = 0.05;
+
 type Binary = 0 | 1;
 
 type Renderer = (props: { progress: Animated.Node<number> }) => React.ReactNode;
@@ -103,7 +106,10 @@ export default class DrawerView extends React.Component<Props> {
     drawerPosition: I18nManager.isRTL ? 'left' : 'right',
     drawerType: 'front',
     gestureEnabled: true,
-    swipeEnabled: Platform.OS !== 'web',
+    swipeEnabled:
+      Platform.OS !== 'web' &&
+      Platform.OS !== 'windows' &&
+      Platform.OS !== 'macos',
     swipeEdgeWidth: 32,
     swipeVelocityThreshold: 500,
     keyboardDismissMode: 'on-drag',
@@ -489,7 +495,9 @@ export default class DrawerView extends React.Component<Props> {
     // Check if the drawer width is available to avoid division by zero
     eq(this.drawerWidth, 0),
     0,
-    abs(divide(this.translateX, this.drawerWidth))
+    Platform.OS === 'windows' || Platform.OS === 'macos'
+      ? max(PROGRESS_EPSILON, abs(divide(this.translateX, this.drawerWidth)))
+      : abs(divide(this.translateX, this.drawerWidth))
   );
 
   private handleGestureEvent = event([
@@ -577,19 +585,19 @@ export default class DrawerView extends React.Component<Props> {
 
     const contentTranslateX =
       drawerType === 'front' || drawerType === 'permanent'
-        ? 0
+        ? ANIMATED_ZERO
         : this.translateX;
 
     const drawerTranslateX =
       drawerType === 'permanent'
-        ? 0
+        ? ANIMATED_ZERO
         : drawerType === 'back'
         ? I18nManager.isRTL
           ? multiply(
               sub(this.containerWidth, this.drawerWidth),
               isRight ? 1 : -1
             )
-          : 0
+          : ANIMATED_ZERO
         : this.translateX;
 
     const offset =
@@ -649,7 +657,9 @@ export default class DrawerView extends React.Component<Props> {
             </View>
             {
               // Disable overlay if sidebar is permanent
-              drawerType === 'permanent' ? null : Platform.OS === 'web' ? (
+              drawerType === 'permanent' ? null : Platform.OS === 'web' ||
+                Platform.OS === 'windows' ||
+                Platform.OS === 'macos' ? (
                 <TouchableWithoutFeedback
                   onPress={
                     gestureEnabled ? () => this.toggleDrawer(false) : undefined

packages/drawer/src/views/GestureHandler.macos.tsx

@@ -0,0 +1,7 @@
+export {
+  PanGestureHandler,
+  TapGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/drawer/src/views/GestureHandler.tsx

@@ -1,31 +1,7 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import type {
-  PanGestureHandlerProperties,
-  TapGestureHandlerProperties,
-} from 'react-native-gesture-handler';
-
-const Dummy: any = ({ children }: { children: React.ReactNode }) => (
-  <>{children}</>
-);
-
-export const PanGestureHandler = Dummy as React.ComponentType<
-  PanGestureHandlerProperties
->;
-
-export const TapGestureHandler = Dummy as React.ComponentType<
-  TapGestureHandlerProperties
->;
-
-export const GestureHandlerRootView = View;
-
-export const GestureState = {
-  UNDETERMINED: 0,
-  FAILED: 1,
-  BEGAN: 2,
-  CANCELLED: 3,
-  ACTIVE: 4,
-  END: 5,
-};
-
+export {
+  PanGestureHandler,
+  TapGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
 export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/drawer/src/views/GestureHandler.windows.tsx

@@ -0,0 +1,7 @@
+export {
+  PanGestureHandler,
+  TapGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/drawer/src/views/GestureHandlerCompat.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type {
+  PanGestureHandlerProperties,
+  TapGestureHandlerProperties,
+} from 'react-native-gesture-handler';
+
+const Dummy: any = ({ children }: { children: React.ReactNode }) => (
+  <>{children}</>
+);
+
+export const PanGestureHandler = Dummy as React.ComponentType<
+  PanGestureHandlerProperties
+>;
+
+export const TapGestureHandler = Dummy as React.ComponentType<
+  TapGestureHandlerProperties
+>;
+
+export const GestureHandlerRootView = View;
+
+export const GestureState = {
+  UNDETERMINED: 0,
+  FAILED: 1,
+  BEGAN: 2,
+  CANCELLED: 3,
+  ACTIVE: 4,
+  END: 5,
+};
+
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/stack/src/navigators/createStackNavigator.tsx

@@ -29,7 +29,10 @@ function StackNavigator({
 }: Props) {
   const defaultOptions = {
     gestureEnabled: Platform.OS === 'ios',
-    animationEnabled: Platform.OS !== 'web',
+    animationEnabled:
+      Platform.OS !== 'web' &&
+      Platform.OS !== 'windows' &&
+      Platform.OS !== 'macos',
   };
 
   const { state, descriptors, navigation } = useNavigationBuilder<

packages/stack/src/views/GestureHandler.macos.tsx

@@ -0,0 +1,6 @@
+export {
+  PanGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/stack/src/views/GestureHandler.tsx

@@ -1,24 +1,6 @@
-import * as React from 'react';
-import { View } from 'react-native';
-import type { PanGestureHandlerProperties } from 'react-native-gesture-handler';
-
-const Dummy: any = ({ children }: { children: React.ReactNode }) => (
-  <>{children}</>
-);
-
-export const PanGestureHandler = Dummy as React.ComponentType<
-  PanGestureHandlerProperties
->;
-
-export const GestureHandlerRootView = View;
-
-export const GestureState = {
-  UNDETERMINED: 0,
-  FAILED: 1,
-  BEGAN: 2,
-  CANCELLED: 3,
-  ACTIVE: 4,
-  END: 5,
-};
-
+export {
+  PanGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
 export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/stack/src/views/GestureHandler.windows.tsx

@@ -0,0 +1,6 @@
+export {
+  PanGestureHandler,
+  GestureHandlerRootView,
+  GestureState,
+} from './GestureHandlerCompat';
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/stack/src/views/GestureHandlerCompat.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import type { PanGestureHandlerProperties } from 'react-native-gesture-handler';
+
+const Dummy: any = ({ children }: { children: React.ReactNode }) => (
+  <>{children}</>
+);
+
+export const PanGestureHandler = Dummy as React.ComponentType<
+  PanGestureHandlerProperties
+>;
+
+export const GestureHandlerRootView = View;
+
+export const GestureState = {
+  UNDETERMINED: 0,
+  FAILED: 1,
+  BEGAN: 2,
+  CANCELLED: 3,
+  ACTIVE: 4,
+  END: 5,
+};
+
+export type { PanGestureHandlerGestureEvent } from 'react-native-gesture-handler';

packages/stack/src/views/MaskedView.macos.tsx

@@ -0,0 +1,3 @@
+import StubbedMaskedView from './MaskedView';
+
+export default StubbedMaskedView;

packages/stack/src/views/MaskedView.windows.tsx

@@ -0,0 +1,3 @@
+import StubbedMaskedView from './MaskedView';
+
+export default StubbedMaskedView;

packages/stack/src/views/TouchableItem.macos.tsx

@@ -0,0 +1,3 @@
+import { TouchableOpacity } from 'react-native';
+
+export const TouchableItem = (TouchableOpacity as any) as typeof import('./TouchableItem.native').TouchableItem;

packages/stack/src/views/TouchableItem.windows.tsx

@@ -0,0 +1,3 @@
+import { TouchableOpacity } from 'react-native';
+
+export const TouchableItem = (TouchableOpacity as any) as typeof import('./TouchableItem.native').TouchableItem;