React Native - Do a search bar for ios or android

Question

I've been searching for a search bar component for ios and android so i can use in my app. So far I have found none, that's why I want to make one. How can I show a view when I click a button? So when they click the search icon, the search bar appears. Or any way to do a search bar? Thank you!

Answer 1

There are many tutorials available on Internet`

Some of them

var SearchBar = require('react-native-search-bar');

and

<SearchBar
ref='searchBar'
placeholder='Search'
onChangeText={...}
onSearchButtonPress={...}
onCancelButtonPress={...}
/>

Some useful links

• https://github.com/umhan35/react-native-search-bar

• https://www.npmjs.com/package/react-native-search

• https://github.com/StevenIseki/react-native-search/tree/master/SearchBarExample
• https://www.briandouglas.me/2016/02/08/searching-data-in-react-native

Answer 2

react-native-elements 1.0.0-beta5 has a component for both iOS and Android searchbars. The current version SearchBar works with Android too but is without the Android style.

npm install --save [email protected]

<SearchBar
   showLoading
   platform="android"
   placeholder='Search' />

Then it looks like this: