bottom-app-bar v1.0.2

bottom-app-bar

A customizable React Native component based on material design bottom app bar.

Installation

If using yarn:

yarn add bottom-app-bar

If using npm:

npm i bottom-app-bar

Usage

import { BottomAppContainer, BottomAppButton } from 'bottom-app-bar';

Simply place a <BottomAppButton /> tag for each desired button within the <BottomAppContainer /> wrapper. You can place a total of 4 buttons.

<View style={{flex: 1}}>
    <BottomAppContainer>
        <BottomAppButton 
            label={"Rooms"} 
            buttonColor={"#4287f5"} 
            iconName={"location-on"} 
            iconColor={"#000"} 
            click={() => console.log("Rooms click")}
        />
        <BottomAppButton 
            label={"Spaces"} 
            buttonColor={"rgba(66, 135, 245, 0.5)"}
            iconName={"local-bar"} 
            iconColor={"#f00"} 
            click={() => console.log("Spaces click")}
        />
    </BottomAppContainer>
</View>

Documentation

Bottom App Container Component

Bottom App Button Component

Contributing

Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made.

Working on your first Pull Request? You can learn how from this free series How to Contribute to an Open Source Project on GitHub

Author

Matheus Henrique | linkedin

License

MIT