Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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.

About

πŸ” iOS UISearchBar for React Native

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /