5

React Native Navigation Search Bar with Collapsible Header

 2 years ago
source link: https://reactnativeexample.com/react-native-navigation-search-bar-with-collapsible-header/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

 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


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK