Collapsible Toolbar For React Native

A JS-based collapsible toolbar for React Native that works on both Android and iOS.

Installation:

# Yarn
$ yarn add react-native-collapsible-toolbar

# NPM
$ npm install react-native-collapsible-toolbar --save

Usage:

Import the react-native-collapsible-toolbar.

import React, { Component } from 'react';
import { Platform, StatusBar, Text, View } from 'react-native';
import CollapsibleToolbar from 'react-native-collapsible-toolbar';
import NavBackButton from './NavBackButton';

Use the component.

<CollapsibleToolbar
  renderContent={this.renderContent}
  renderNavBar={this.renderNavBar}
  imageSource='https://lorempixel.com/400/300/'
  collapsedNavBarBackgroundColor='#009688'
  translucentStatusBar
  showsVerticalScrollIndicator={false}
  // toolBarHeight={300}
/>

Default props.

collapsedNavBarBackgroundColor: '#FFF',
imageSource: '',
onContentScroll: undefined,
renderToolBar: undefined,
toolBarHeight: DEFAULT_TOOLBAR_HEIGHT,
translucentStatusBar: false

Preview:

Collapsible Toolbar For React Native

Download Details:

Author: Agontuk

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/Agontuk/react-native-collapsible-toolbar

License: MIT

You Might Be Interested In:

Add Comment