mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-22 23:48:26 -04:00
72 lines
1.8 KiB
Diff
72 lines
1.8 KiB
Diff
diff --git a/src/views/modern/Drawer.tsx b/src/views/modern/Drawer.tsx
|
|
index 9909e9698e51379de6469eb2053a1432636d0c7d..220fa07f6784c5da13e6949e9c4893e015a5d1f8 100644
|
|
--- a/src/views/modern/Drawer.tsx
|
|
+++ b/src/views/modern/Drawer.tsx
|
|
@@ -1,26 +1,27 @@
|
|
import * as React from 'react';
|
|
import {
|
|
- I18nManager,
|
|
- InteractionManager,
|
|
- Keyboard,
|
|
- Platform,
|
|
- StatusBar,
|
|
- StyleSheet,
|
|
- View,
|
|
+ Dimensions,
|
|
+ I18nManager,
|
|
+ InteractionManager,
|
|
+ Keyboard,
|
|
+ Platform,
|
|
+ StatusBar,
|
|
+ StyleSheet,
|
|
+ View,
|
|
} from 'react-native';
|
|
import {
|
|
- PanGestureHandler,
|
|
- PanGestureHandlerGestureEvent,
|
|
- State as GestureState,
|
|
+ PanGestureHandler,
|
|
+ PanGestureHandlerGestureEvent,
|
|
+ State as GestureState,
|
|
} from 'react-native-gesture-handler';
|
|
import Animated, {
|
|
- interpolate,
|
|
- runOnJS,
|
|
- useAnimatedGestureHandler,
|
|
- useAnimatedStyle,
|
|
- useDerivedValue,
|
|
- useSharedValue,
|
|
- withSpring,
|
|
+ interpolate,
|
|
+ runOnJS,
|
|
+ useAnimatedGestureHandler,
|
|
+ useAnimatedStyle,
|
|
+ useDerivedValue,
|
|
+ useSharedValue,
|
|
+ withSpring,
|
|
} from 'react-native-reanimated';
|
|
|
|
import type { DrawerProps } from '../../types';
|
|
@@ -72,7 +73,8 @@ export default function Drawer({
|
|
const percentage = Number(width.replace(/%$/, ''));
|
|
|
|
if (Number.isFinite(percentage)) {
|
|
- return dimensions.width * (percentage / 100);
|
|
+ const dimensionsWidth = Dimensions.get("screen").width
|
|
+ return dimensionsWidth * (percentage / 100);
|
|
}
|
|
}
|
|
|
|
@@ -283,9 +285,10 @@ export default function Drawer({
|
|
return translateX;
|
|
});
|
|
|
|
+ const dimensionsWidth = Dimensions.get("screen").width;
|
|
const isRTL = I18nManager.getConstants().isRTL;
|
|
const drawerAnimatedStyle = useAnimatedStyle(() => {
|
|
- const distanceFromEdge = dimensions.width - drawerWidth;
|
|
+ const distanceFromEdge = dimensionsWidth - drawerWidth;
|
|
|
|
return {
|
|
transform:
|