react-native-select-dropdown - npm Package Compare versions

Comparing version 3.3.1 to 3.3.2

package.json

 {
   "name": "react-native-select-dropdown",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "react-native-select-dropdown is a highly customized dropdown | select | picker | menu for react native that works for andriod and iOS platforms.",
@@ -5,0 +5,0 @@ "main": "index.js",

src/components/DropdownModal.js

 import React from 'react';
 import {Modal} from 'react-native';
 
-const DropdownModal = ({visible, statusBarTranslucent, children}) => {
+const DropdownModal = ({visible, statusBarTranslucent, onRequestClose, children}) => {
   const defaults = {
@@ -10,2 +10,3 @@ statusBarTranslucent: statusBarTranslucent || false,
     <Modal
+      onRequestClose={onRequestClose}
       supportedOrientations={['portrait', 'landscape']}
@@ -12,0 +13,0 @@ animationType="none"

src/hooks/useLayoutDropdown.js

@@ -62,2 +62,6 @@ import {useEffect, useState, useMemo} from 'react';
 
+  const onRequestClose = () => {
+    setIsVisible(false);
+  };
+
   return {
@@ -70,3 +74,4 @@ isVisible,
     dropdownWindowStyle,
+    onRequestClose,
   };
 };

src/SelectDropdown.js

@@ -78,2 +78,3 @@ import React, {forwardRef, useImperativeHandle} from 'react';
     dropdownWindowStyle,
+    onRequestClose,
   } = useLayoutDropdown(data, dropdownStyle, rowStyle, search);
@@ -171,3 +172,3 @@ useImperativeHandle(ref, () => ({
       isVisible && (
-        <DropdownModal statusBarTranslucent={statusBarTranslucent} visible={isVisible}>
+        <DropdownModal statusBarTranslucent={statusBarTranslucent} visible={isVisible} onRequestClose={onRequestClose}>
           <DropdownOverlay onPress={closeDropdown} backgroundColor={dropdownOverlayColor} />
@@ -174,0 +175,0 @@ <DropdownWindow layoutStyle={dropdownWindowStyle}>

No alert changes

Improved metrics

Total package byte prevSize

39823

increased by0.48%

Lines of code

880

increased by0.69%

No dependency changes