React-native-b-bar NPM

Installation

include this package in your project

> npm i react-native-b-bar

Examples

// reactjs and react-native components
import React , { Component , Fragment } from 'react';
import { View , Text , ScrollView} from 'react-native';

// react-native-b-bar comp
import { create , Bottombar } from 'react-native-b-bar'

// bottom bar img icons
import home from './img/home.png';
import src from './img/src.png';
import like from './img/like.png';
import trend from './img/trend.png';
import user from './img/user.png';

// Page components
import Homepage from './big-components/Homepage';
import Userpage from './big-components/Userpage';
import Begenipage from './big-components/Begenipage';
import Cardpage from './big-components/Cardpage';
import Trendpage from './big-components/Trendpage';



// create bottom menu
let cbb = create({

  // if you have dark mode > turn on
  darkmode: true,
  // if you want subtitle > turn on
  subtitle: true,
  
  // create bottom bar
  cbb: [
      {
          subtitle: 'Home',
          component: Homepage,
          icon: home
      },{
          subtitle: 'Begeni',
          component: Begenipage,
          icon: like
      },{
          subtitle: 'Card',
          component: Cardpage,
          icon: src
      },{
          subtitle: 'Trend',
          component: Trendpage,
          icon: trend
      },{
          subtitle: 'Profil',
          component: Userpage,
          icon: user
      }
  ]
})



class App extends Component {

  render() {

    // return <Bottombar />
    // using create props
    return (
      <Fragment>
        <Bottombar create={cbb} />
      </Fragment>
    )
  }
}


export default App;