From e5f6fd7337ad060507b98def703782a184918038 Mon Sep 17 00:00:00 2001
From: SujalKumar <sujalkumarchotaliya12@gmail.com>
Date: Wed, 23 Oct 2024 22:39:22 +0530
Subject: [PATCH 1/2] feat: add clear search field functionality on item select

---
 index.d.ts               |  1 +
 src/components/Picker.js | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/index.d.ts b/index.d.ts
index 9a2ad4db2..e748d2276 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -198,6 +198,7 @@ declare module 'react-native-dropdown-picker' {
     customItemContainerStyle?: StyleProp<ViewStyle>;
     customItemLabelStyle?: StyleProp<TextStyle>;
     customItemValueDelimiter?: string;
+    clearSearchFieldOnSelect?: boolean;
     disableBorderRadius?: boolean;
     disabledItemContainerStyle?: StyleProp<ViewStyle>;
     disabledItemLabelStyle?: StyleProp<TextStyle>;
diff --git a/src/components/Picker.js b/src/components/Picker.js
index ab345d1d9..c8634ca0d 100644
--- a/src/components/Picker.js
+++ b/src/components/Picker.js
@@ -84,6 +84,7 @@ function Picker({
   customItemContainerStyle = {},
   customItemLabelStyle = {},
   customItemValueDelimiter = '-',
+  clearSearchFieldOnSelect = false,
   disableBorderRadius = true,
   disabled = false,
   disabledItemContainerStyle = {},
@@ -349,6 +350,19 @@ function Picker({
     if (mode === MODE.SIMPLE) badgeFlatListRef.current = null;
   }, [mode]);
 
+  /**
+   * clear search field on item select.
+   */
+  useEffect(() => {
+    if (
+      clearSearchFieldOnSelect == true &&
+      multiple == true &&
+      searchText.length > 0
+    ) {
+      setSearchText('');
+    }
+  }, [value]);
+
   /**
    * onPressClose.
    */

From 05afec6e7b82d3bbd20d0cfa9fa0ae85e63f45bf Mon Sep 17 00:00:00 2001
From: imdevan <huapayadevan@gmail.com>
Date: Sun, 5 Oct 2025 23:15:45 -0700
Subject: [PATCH 2/2] add clear search on select example

---
 examples/App.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/examples/App.tsx b/examples/App.tsx
index b0eac853a..7646fdc71 100644
--- a/examples/App.tsx
+++ b/examples/App.tsx
@@ -77,6 +77,20 @@ export default function App(): JSX.Element {
               description="This is the default dropdown picker - with search"
               dropdownProps={{searchable: true}}
               />
+            
+            <DropDownPickerExample 
+              title="Multiple Search Example"
+              description="This is the default dropdown picker - with search"
+              multiple
+              dropdownProps={{searchable: true}}
+              />
+
+            <DropDownPickerExample 
+              title="Multiple Search Clear on Select Example"
+              description="This is the default dropdown picker - with search"
+              multiple
+              dropdownProps={{searchable: true, clearSearchFieldOnSelect: true, mode: "BADGE"}}
+              />
           </View>
         </View>
       </View>