🔍 iOS UISearchBar for React Native
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
ios
lib
.gitattributes
.gitignore
LICENSE
README.md
index.js
package.json

README.md

react-native-ios-search-bar

Native UISearchBar component for React Native.

Search bar

Getting started

$ yarn add react-native-ios-search-bar

Mostly automatic installation

$ react-native link react-native-ios-search-bar

Manual installation

iOS

  1. In XCode, in the project navigator, right click LibrariesAdd Files to [your project's name]
  2. Go to node_modulesreact-native-ios-search-bar and add RNIKReactNativeIosSearchBar.xcodeproj
  3. In XCode, in the project navigator, select your project. Add libRNIKReactNativeIosSearchBar.a to your project's Build PhasesLink Binary With Libraries
  4. Run your project (Cmd+R)<

Usage

import IOSSearchBarView from 'react-native-ios-search-bar';

class Search extends React.Component {
  _onTextDidChange = (text: string) => {
    console.log(text)
  }

  render() {
    return (
      <IOSSearchBarView
        onTextDidChange={this._onTextDidChange}
      />
    )
  }
}

License

MIT

Author

Álvaro Medina Ballester <amedina at apsl.net>

Built with 💛 by APSL.