Skip to content

InterfaceKit/react-native-ios-search-bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

7 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

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 Libraries โžœ Add Files to [your project's name]
  2. Go to node_modules โžœ react-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 Phases โžœ Link 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.