BlueWallet/MainBottomTabs.js

import { TabNavigator } from 'react-navigation';

import transactions from './screen/transactions';
import wallets from './screen/wallets';
import send from './screen/send';
import settins from './screen/settings';
import receive from './screen/receive';

/**
 *
 * @type {AppStorage}
 */
let BlueApp = require('./BlueApp');

const Tabs = TabNavigator(
  {
    Wallets: {
      screen: wallets,
      path: 'wallets',
    },
    Transactions: {
      screen: transactions,
      path: 'trans',
    },
    Send: {
      screen: send,
      path: 'cart',
    },
    Receive: {
      screen: receive,
      path: 'receive',
    },
    Settings: {
      screen: settins,
      path: 'settings',
    },
  },
  {
    tabBarPosition: 'bottom',
    animationEnabled: true,
    tabBarOptions: {
      activeTintColor: 'white',
      activeBackgroundColor: '#33bdf1',
      inactiveBackgroundColor: BlueApp.settings.brandingColor,
      inactiveTintColor: 'white',
    },
  },
);

export default Tabs;