react-native-snap-sheet 1.0.7 → 1.0.9

package/index.ts

@@ -181,6 +181,11 @@ export interface SnapSheetModalProps extends SnapSheetBaseProps {
      */
     renderBackDrop?: React.ReactNode | (() => React.ReactNode);
 
+    /**
+     * Optional set color for backdrop
+     */
+    backdropColor?: string | undefined;
+
     /**
      * Disable backdrop press
      * 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-snap-sheet",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "",
   "homepage": "https://github.com/deflexable/react-native-snap-sheet#readme",
   "bugs": {
@@ -19,7 +19,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "react-native-dodge-keyboard": "^1.0.7",
+    "react-native-dodge-keyboard": "^1.0.8",
     "react-native-push-back": "^1.0.0"
   }
 }

package/src/snapsheet.js

@@ -1,6 +1,6 @@
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, cloneElement } from "react";
 import { Animated, PanResponder, StyleSheet, useAnimatedValue, View } from "react-native";
-import DodgeKeyboard, { createHijackedElement, ReactHijacker, __HijackNode } from "react-native-dodge-keyboard";
+import { DodgeKeyboard, createHijackedElement, ReactHijacker, __HijackNode } from "react-native-dodge-keyboard";
 import { doRendable, isNumber, isPositiveNumber } from "./utils";
 import { styling } from "./styling";
 
@@ -165,7 +165,7 @@ const SnapSheet = forwardRef(function SnapSheet({
                     stillSnapping.current = false;
                     if (shouldRefreshDodge.current) {
                         isLifting.current = false;
-                        dodgeRef.current.trigger();
+                        if (dodgeRef.current) dodgeRef.current.trigger();
                     }
                 }, { timeout: 700 });
             }

package/src/snapsheet_modal.js

@@ -20,6 +20,7 @@ export const SnapSheetModalBase = forwardRef(function SnapSheetModalBase({
     centered,
     onStateChanged,
     renderBackDrop,
+    backdropColor,
     disableBackdrop,
     fillScreen = true,
     unMountChildrenWhenClosed = true,
@@ -192,6 +193,11 @@ export const SnapSheetModalBase = forwardRef(function SnapSheetModalBase({
         top: 0
     }) : undefined, [centered, contentHeight, viewWidth]);
 
+    const backdropStyle = useMemo(() => ({
+        ...styling.backdropStyle,
+        ...backdropColor ? { backgroundColor: backdropColor } : undefined
+    }), [backdropColor]);
+
     const inputIdIterator = useRef(0);
 
     const renderChild = () =>
@@ -205,7 +211,7 @@ export const SnapSheetModalBase = forwardRef(function SnapSheetModalBase({
                 doRendable(
                     renderBackDrop,
                     <Pressable
-                        style={styling.backdropStyle}
+                        style={backdropStyle}
                         disabled={!!disableBackdrop}
                         onPress={() => {
                             snapModal.current(0);