react-z / react-native-search

iOS and Android native search component for react native

react-native-search-bar

iOS native search bar for react native.

Installation

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.

Usage

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

this.refs.searchBar.focus();

There is an example project in the SearchBarExample directory.

License

MIT