https://github.com/interfacekit/react-native-ios-search-bar
🔍 iOS UISearchBar for React Native
https://github.com/interfacekit/react-native-ios-search-bar
ios react react-native uisearchbar
Last synced: 11 months ago
JSON representation
🔍 iOS UISearchBar for React Native
- Host: GitHub
- URL: https://github.com/interfacekit/react-native-ios-search-bar
- Owner: InterfaceKit
- License: mit
- Created: 2017-10-17T15:52:33.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-12T15:20:05.000Z (almost 8 years ago)
- Last Synced: 2025-04-30T17:52:22.999Z (about 1 year ago)
- Topics: ios, react, react-native, uisearchbar
- Language: Objective-C
- Homepage:
- Size: 9.77 KB
- Stars: 14
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-ios-search-bar
Native UISearchBar component for React Native.
## 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
```javascript
import IOSSearchBarView from 'react-native-ios-search-bar';
class Search extends React.Component {
_onTextDidChange = (text: string) => {
console.log(text)
}
render() {
return (
)
}
}
```
## License
MIT
## Author
Álvaro Medina Ballester ``
Built with 💛 by [APSL](https://github.com/apsl).