title: How to have a searchbar in "Select" Component native-base
body: <p>I would love to have a search bar in &quot;Select&quot; component from the library native-base in react-native.</p>
  <p>I have tried adding a &quot;TextInput&quot; component inside the &quot;Select&quot; component. In UI it aligns perfectly, but when I click on the &quot;TextInput&quot; it gets selected and the list drops down.</p>
  <p>Following is the code I tried:</p>
  <pre><code>                     &lt;Select
                      w={w}
                      h={h}
                      variant=&quot;outline&quot;
                      selectedValue={selectedValue}
                      minWidth=&quot;200&quot;
                      // borderColor={primaryColor}
                      accessibilityLabel={accessibilityLabel?accessibilityLabel: &quot;Choose Service&quot; }
                      placeholder={placeholder?placeholder: &quot;Choose Service&quot;}
                      _selectedItem={{
                      bg:&quot;coolGray.200&quot;,
                      // endIcon: &lt;CheckIcon size=&quot;5&quot; /&gt;
                      }} 
                      mt={1}
                      onValueChange={onValueChange}
                      &gt;
  
                          &lt;Input
                          placeholder=&quot;Search&quot;
                          variant=&quot;filled&quot;
                          width=&quot;100%&quot;
                          h={heightPercentageToDP(&quot;6%&quot;)}
                          borderRadius=&quot;10&quot;
                          py=&quot;1&quot;
                          px=&quot;2&quot;
                          
                          borderWidth=&quot;0&quot;
                          /&gt;
  
                          {
                              data?.map(item =&gt; {
                                  return(
                                  &lt;Select.Item
                                  label={item.label}
                                  value={item.value}
                                  /&gt;
                                  )
                              })
                          }
                      &lt;/Select&gt;
  </code></pre>