Keyboard Dismiss before dropdown opening

Author: danish1658

components/MultipleSelectList.tsx

@@ -9,7 +9,9 @@ import {
     Animated,
     TextInput,
     ViewStyle,
-    Pressable} from 'react-native';
+    Pressable,
+    Keyboard
+} from 'react-native';
 
 import { MultipleSelectListProps } from '..';
 
@@ -167,7 +169,7 @@ const MultipleSelectList: React.FC<MultipleSelectListProps> = ({
                 (selectedval?.length > 0 )
 
                 ?
-                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ slidedown() }else{ slideup() } }} >
+                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ Keyboard.dismiss(); slidedown() }else{ slideup() } }} >
                         <View>
                             <Text style={[{fontWeight:'600',fontFamily},labelStyles]}>{ label }</Text>
                             <View style={{flexDirection:'row',marginBottom:8,flexWrap:'wrap'}}>
@@ -184,7 +186,7 @@ const MultipleSelectList: React.FC<MultipleSelectListProps> = ({
                         </View>
                     </TouchableOpacity>
                 :
-                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ slidedown() }else{ slideup() } }}>
+                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ Keyboard.dismiss(); slidedown() }else{ slideup() } }}>
                         <Text style={[{fontFamily},inputStyles]}>{ (selectedval == "") ? (placeholder) ? placeholder : 'Select option' : selectedval  }</Text>
                         {
                             (!arrowicon)

components/SelectList.tsx

@@ -8,6 +8,7 @@ import {
     ScrollView,
     Animated,
     TextInput,
+    Keyboard
 } from 'react-native';
 
 import { SelectListProps } from '..';
@@ -168,7 +169,7 @@ const SelectList: React.FC<SelectListProps> =  ({
 
                     </View>
                 :
-                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ slidedown() }else{ slideup() } }}>
+                    <TouchableOpacity style={[styles.wrapper,boxStyles]} onPress={() => { if(!dropdown){ Keyboard.dismiss(); slidedown() }else{ slideup() } }}>
                         <Text style={[{fontFamily},inputStyles]}>{ (selectedval == "") ? (placeholder) ? placeholder : 'Select option' : selectedval  }</Text>
                         {
                             (!arrowicon)