Flex attr as arg for searcheble plicker

src/app/components/SearchablePicker.js

@@ -79,6 +79,7 @@ function SearchablePicker({
   marginRight = 2,
   marginLeft = 16,
   doubleItemLine = false,
+  flex = 1,
 }) {
   const { values, setFieldValue, errors, touched } = name
     ? useFormikContext()
@@ -93,10 +94,12 @@ function SearchablePicker({
 
   return (
     <View
-      style={[
-        styles.location,
-        { marginLeft: marginLeft, marginRight: marginRight },
-      ]}
+      style={{
+        marginLeft: marginLeft,
+        marginRight: marginRight,
+        flex: flex,
+        alignSelf: "flex-start",
+      }}
     >
       <DropDown
         value={value}
@@ -114,11 +117,4 @@ function SearchablePicker({
   );
 }
 
-const styles = StyleSheet.create({
-  location: {
-    flex: 1,
-    alignSelf: "flex-start",
-  },
-});
-
 export default SearchablePicker;