react-native-navigation-search-bar

React Native Navigation Search Bar with Collapsible Header 🤔It's that simple!

Usage no npm install needed!

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

README

version license downloads


React Native Navigation Search Bar

A searcbar for React Native Navigation which collapses the header when focussed. It's that simple!

Install

 npm install react-native-navigation-search-bar --save

or

 yarn add react-native-navigation-search-bar

Usage

This component wraps the react-native-elements with extra functionality for React Native Navigation.

import { RNNSearchBar } from "react-native-navigation-search-bar";

// register our drawer component with RNN
<RNNSearchBar
    componentId={componentId} // <-- RNN component id
    statusBarHeight={statusBarHeight} // <-- prop status bar height
    search={...}
    onChangeText={...}
    
 />

Authors

License

This project is licensed under the MIT License