feat: update toast offset

README.md

@@ -81,7 +81,7 @@ Inherit all other props from `ToastableBodyParams` interface. Except `background
 | onToastableHide     | `Func`           | Callback when toast is dismissed                                                                        | `undefined`                                                       |
 | containerStyle      | `ViewProps['style']`   | Container style for toast container                                                                     | `undefined`                                                       |
 position | `'top' \| 'bottom'\| 'center'` | Toast position. | `'top'` |
-offset | `number` | Toast offset. | `0` |
+offset | `number` | Toast offset. | `56` |
 
 ## ToastableBodyParams
 
@@ -103,7 +103,7 @@ titleColor | `ColorValue` | Custom title color, if this is set. | `'#FFFFFF'` |
 titleStyle | `TextStyle` | Custom title style. | `undefined` |
 messageStyle | `TextStyle` | Custom message style. | `undefined` |
 position | `'top' \| 'bottom'\| 'center'` | Toast position. | `'top'` |
-offset | `number` | Toast offset. | `0` |
+offset | `number` | Toast offset. | `56` |
 
 ## Contributing
 

src/components/ToastableCore.tsx

@@ -37,7 +37,7 @@ export const ToastableCore = forwardRef<ToastableRef, ToastableProps>(
       titleStyle,
       messageStyle,
       position = 'top',
-      offset = 0,
+      offset = 56,
       ...props
     },
     ref

src/types/common.ts

@@ -103,7 +103,7 @@ export type ToastableBodyParams = {
   position?: 'top' | 'bottom' | 'center';
   /**
    * Toast container offset
-   * @default 0
+   * @default 56
    * */
   offset?: number;
 };
@@ -136,9 +136,9 @@ export type ToastableProps = Omit<
   containerStyle?: ViewProps['style'];
   /**
    * Toast container offset
-   * @default 0
+   * @default 56
    * */
-  offset: number;
+  offset?: number;
 };
 
 export type ToastableRef = {

src/utils/controller.ts

@@ -5,16 +5,15 @@ import type { ToastableBodyParams, ToastableRef } from '../types';
 const toastableQueue: Array<ToastableBodyParams> = [];
 let isToastableVisible = false;
 
-const enqueue = (toastableBody: ToastableBodyParams): void => {
+const enqueue = (toastableBody: ToastableBodyParams) => {
   toastableQueue.push(toastableBody);
 
   if (!isToastableVisible) {
     processNextToastable();
   }
 };
 
-const dequeue = (): ToastableBodyParams | null =>
-  toastableQueue.shift() ?? null;
+const dequeue = () => toastableQueue.shift() ?? null;
 
 export const processNextToastable = () => {
   const toastableBody = dequeue();