rnc

react-native-collapsingtoolbar

Collapsing Toolbar for react native

Showing:

Popularity

Downloads/wk

61

GitHub Stars

80

Maintenance

Last Commit

4yrs ago

Contributors

2

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

No?

Readme

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

PropTypeDefaultdescription
srcobjectrequire('img.png') or {uri: url}
titlestringHometoolbar title
titleColorstring#ffftoolbar title text color
toolbarColorstring#e91e63toolbar background color
toolbarMaxHeightnumber300maximum height of toolbar
toolbarMinHeightnumber55minimum height of toolbar
leftItemPropTypes.elementtoolbar left menu item
leftItemPressfunc
leftItemPropTypes.elementtoolbar right item
rightItemPressfunc

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100