* fix issues with justifing elements (notifiaction is not centered)

src/core/renderers/GestureHandler.tsx

@@ -6,6 +6,7 @@ import type { NotificationState } from '../hooks/useNotificationsStates'
 import Animated from 'react-native-reanimated'
 import { styles } from '../utils/styles'
 import { Constants } from '../config'
+import { calculateNotificationPositionCoordintates } from '../utils/calculateNotificationPositionCoordintates'
 
 type Props = {
   children: ReactNode
@@ -30,22 +31,13 @@ export const GestureHandler = ({
 }: Props) => {
   const { width } = useWindowDimensions()
 
-  const fullWidth = width - Constants.notificationSideMargin * 2
-
-  const initialNotificationWidth = state?.notificationWidth || Constants.maxNotificationWidth
-
-  const isWidthWithinBounds = initialNotificationWidth <= fullWidth
-
-  const notificationWidth = isWidthWithinBounds ? initialNotificationWidth : fullWidth
-
-  const top =
-    notificationTopPosition || notificationTopPosition === 0
-      ? notificationTopPosition
-      : state.notificationOffset.top
-
-  const left = state.notificationOffset.left
-
-  const right = state.notificationOffset.right
+  const { calculatedNotificationWidth, top, left, right } =
+    calculateNotificationPositionCoordintates({
+      screenWidth: width,
+      notificationOffset: state.notificationOffset,
+      notificationWidth: state.notificationWidth,
+      notificationTopPosition,
+    })
 
   return (
     <PanGestureHandler
@@ -63,7 +55,7 @@ export const GestureHandler = ({
             top,
             left,
             right,
-            width: notificationWidth,
+            width: calculatedNotificationWidth,
           },
         ]}>
         {children}

src/core/utils/calculateNotificationPositionCoordintates.ts

@@ -0,0 +1,50 @@
+import { Constants } from '../config'
+
+type CalculateNotificationPositionCoordintatesProps = {
+  screenWidth: number
+  notificationOffset: {
+    top: number
+    left?: number
+    right?: number
+  }
+  notificationWidth?: number
+  notificationTopPosition?: number
+}
+
+type CalculateNotificationPositionCoordintatesReturn = {
+  calculatedNotificationWidth: number
+  top: number
+  left?: number
+  right?: number
+}
+
+export const calculateNotificationPositionCoordintates = ({
+  screenWidth,
+  notificationOffset,
+  notificationWidth,
+  notificationTopPosition,
+}: CalculateNotificationPositionCoordintatesProps): CalculateNotificationPositionCoordintatesReturn => {
+  const fullWidth = screenWidth - Constants.notificationSideMargin * 2
+
+  const initialNotificationWidth = notificationWidth || Constants.maxNotificationWidth
+
+  const isWidthWithinBounds = initialNotificationWidth <= fullWidth
+
+  const calculatedNotificationWidth = isWidthWithinBounds ? initialNotificationWidth : fullWidth
+
+  const top =
+    notificationTopPosition || notificationTopPosition === 0
+      ? notificationTopPosition
+      : notificationOffset.top
+
+  const left = notificationOffset.left
+
+  const right = notificationOffset.right
+
+  return {
+    calculatedNotificationWidth,
+    top,
+    left,
+    right,
+  }
+}

src/core/utils/styles.ts

@@ -9,15 +9,16 @@ export const styles = StyleSheet.create({
     top: 0,
     zIndex: 200,
     justifyContent: 'flex-start',
+    alignSelf: 'center',
   },
   containerIos: {
-    left: `auto`,
-    right: `auto`,
+    left: 'auto',
+    right: 'auto',
     top: 50,
   },
   containerAndroid: {
-    left: `auto`,
-    right: `auto`,
+    left: 'auto',
+    right: 'auto',
     top: 30,
   },
   boxWrapper: {