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

Luke Brandon Farrell

GitHub

https://github.com/aspect-apps/react-native-navigation-search-bar