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:
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
