feat: add clear search field functionality on item select

Author: Sujalkumar12

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>;

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.
    */