Skip to content
Collapsing Toolbar for react native
JavaScript
Branch: master
Clone or download
Latest commit ea40476 Jan 21, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
screenshot react native collapsingtoolbar Nov 1, 2017
src
test react native collapsingtoolbar Nov 1, 2017
LICENSE Create LICENSE Jan 21, 2018
README.md update readme Nov 2, 2017
package.json

README.md

React Native CollapsingToolbar

Screen Shot

 

Getting Started

$ npm i react-native-collapsingtoolbar

Usage

Import the component:

    import CollapsingToolbar from 'react-native-collapsingtoolbar';
    import Icon from 'react-native-vector-icons/Ionicons';

    <CollapsingToolbar 
        leftItem={<Icon name="md-menu" size={30} color="#fff" />}
        rightItem={<Icon name="md-create" size={30}  color="#fff" />}   
        toolbarColor='#2196f3'  
        title='Demo Toolbar'
        src={require('../../../images/drawer6.png')}>
        <Text>
            Create             
        </Text>
    </CollapsingToolbar>

Props

Prop Type Default description
src object require('img.png') or {uri: url}
title string Home toolbar title
titleColor string #fff toolbar title text color
toolbarColor string #e91e63 toolbar background color
toolbarMaxHeight number 300 maximum height of toolbar
toolbarMinHeight number 55 minimum height of toolbar
leftItem PropTypes.element toolbar left menu item
leftItemPress func
leftItem PropTypes.element toolbar right item
rightItemPress func
You can’t perform that action at this time.