Socket
Socket
Sign inDemoInstall

react-native-navigation-search-bar

Package Overview
Dependencies
39
Maintainers
1
Versions
9
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.2 to 1.0.3

example#1.gif

7

index.js

@@ -1,3 +0,6 @@

import SearchBar from "./SearchBar";
/**
* @author Luke Brandon Farrell
* @description Exports our search bar as a named export
*/
export { SearchBar };
export * from "./RNNSearchBar";
{
"name": "react-native-navigation-search-bar",
"version": "1.0.2",
"description": "",
"version": "1.0.3",
"description": "React Native Navigation Search Bar with Collapsible Header 🤔It's that simple!",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
"test": "echo \"Error: no test specified\""
},
"author": "",
"license": "ISC"
"keywords": [
"react-native-navigation",
"react-native-elements",
"search-bar",
"react-native",
"collapse header"
],
"author": "Luke Brandon Farrell",
"license": "MIT",
"dependencies": {
"react-native-elements": "^1.2.7"
}
}

@@ -1,5 +0,37 @@

# react-native-navigation-layouts
<h1 align="center">
<img src="https://github.com/lukebrandonfarrell/react-native-navigation-search-bar/blob/master/example%231.gif?raw=true"/><br/>
React Native Navigation Search Bar
</h1>
NOTICE: This library is not ready for production. Use at your own discretion.
A searcbar for [React Native Navigation](https://github.com/wix/react-native-navigation) which collapses the header when focussed. It's that simple!
## Install
```sh
npm install react-native-navigation-drawer-extension --save
```
or
```sh
yarn add react-native-navigation-drawer-extension
```
## Usage
This component wraps the react-native-elements [<SearchBar />](https://react-native-elements.github.io/react-native-elements/docs/searchbar.html) with extra functionality for React Native Navigation.
```js
import { SearchBar } from "react-native-navigation-search-bar";
// register our drawer component with RNN
<SearchBar
componentId={componentId} // <-- RNN component id
statusBarHeight={statusBarHeight} // <-- prop status bar height
search={...}
onChangeText={...}
/>
```
## Authors

@@ -11,2 +43,2 @@

This project is licensed under the MIT License# react-native-navigation-search-bar
This project is licensed under the MIT License
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc