react-native-ios-search-bar

UISearchBar React Native component for iOS

Usage no npm install needed!

<script type="module">
  import reactNativeIosSearchBar from 'https://cdn.skypack.dev/react-native-ios-search-bar';
</script>

README

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.