npm

Need private packages and team management tools?Check out npm Orgs. »

react-native-ios-search-bar

1.0.2 • Public • Published

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.

Keywords

install

npm i react-native-ios-search-bar

Downloadsweekly downloads

1

version

1.0.2

license

MIT

last publish

collaborators

  • avatar
Report a vulnerability