@logisticinfotech/react-native-bottom-navigation

    1.0.1 • Public • Published

    RNBottomNavigation for React Native

    NpmVersion NpmLicense

    The Animated Tab Bar for React Native

    Sample

    Example

    To run the example project, clone the repo, and run npm install from the Example directory first.

    Installation

    It is available through npm. To install just run

    npm i @logisticinfotech/react-native-bottom-navigation
    

    in your project directory. And then link it's native dependency with

    react-native link react-native-view-overflow
    

    and you're done!

    Usage

    This component requires just 2 props. onPress function, that should handle rendering tabs and an array of values objects that contains title and icons for given tabs.

    <TabBar
      onPress={(tabIndex) => { this._handlePress(tabIndex) }}
      values={[
        { title: "News", icon: require("./assets/news.png") },
        { title: "Requests", icon: require("./assets/requests.png") },
        { title: "Events", icon: require("./assets/events.png") },
        { title: "Members", icon: require("./assets/members.png") },
        { title: "Account", icon: require("./assets/account.png") }
      ]}
    />

    Customization

    Optionally you can pass tintColor prop, to adjust styling to your app.

    Author

    Patryk Mierzejewski

    License

    FluidBottomNavigation Component is available under the MIT license. See the LICENSE file for more info.

    Install

    npm i @logisticinfotech/react-native-bottom-navigation

    DownloadsWeekly Downloads

    3

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    1.41 MB

    Total Files

    11

    Last publish

    Collaborators

    • chintan01
    • digvijay_logistic
    • nileshkikani
    • nirav.
    • pankajn