iOS native search bar for react native.
In your react native project, run npm install react-native-search-bar --save
To link this library, please follow the first two steps in the Linking Libraries (iOS) guide on React Native website. The .xcodeproj
file is in node_modules/react-native-search-bar/
. In the end, you should have RNSearchBar.xcodeproj
in the Libaries
group on Xcode and libRNSearchBar.a
in the Link Binary With Libraries
section inside the Build Phases
tab of your project target.
<Search
ref='searchBar'
placeholder='Search'
onChangeText={...}
onSearchButtonPress={...}
onCancelButtonPress={...}
/>
this.refs.searchBar.focus();
There is an example project in the SearchBarExample directory.