layoutConsts.js

import { Dimensions } from 'react-native';


export const { width, height } = Dimensions.get('window');

//----------------------------------------------------------------
// HOME SCREEN CONSTS

export const NAV_BAR_HEIGHT = height / 10;

export const ANIMAL_POSITION_BOTTOM = NAV_BAR_HEIGHT * 3 / 2

export const ANIMAL_HEIGHT = height * 2 / 5;

export const HOME_TOP_BAR_POSITION_TOP = height / 20;

export const HOME_TOP_BAR_HEIGHT = height / 15;

export const CONSUMABLES_BAR_WIDTH = width / 4;

const HOME_SCREEN_FEATURE_VERTICAL_MARGIN = height / 40;


export const ANIMAL_VITALS_WINDOW_HEIGHT = height / 8;

export const INVENTORY_POSITION_TOP = HOME_TOP_BAR_POSITION_TOP +
    HOME_TOP_BAR_HEIGHT +
    HOME_SCREEN_FEATURE_VERTICAL_MARGIN;

export const INVENTORY_HEIGHT = ANIMAL_VITALS_WINDOW_HEIGHT;

export const INVENTORY_WRAPPER_WIDTH = width * .98;

export const INVENTORY_CARET_WIDTH = width * .08;

export const INVENTORY_LIST_WIDTH = INVENTORY_WRAPPER_WIDTH * .8;

export const INVENTORY_ITEM_WIDTH = INVENTORY_LIST_WIDTH * .3;

export const INVENTORY_ITEM_MARGIN = INVENTORY_LIST_WIDTH / 60;

export const TRAINING_GUESS_BUBBLE_POSITION_TOP = height / 2

export const TRAINING_GUESS_BUBBLE_POSITION_LEFT = width / 5

export const GUESS_BUBBLE_WIDTH = width / 3;

export const TRAINING_INPUT_WINDOW_POSITION_TOP = INVENTORY_POSITION_TOP + INVENTORY_HEIGHT + height / 60;

//Shared Page Styles

export const WINDOW_WIDTH = width * .98;

export const WINDOW_HEIGHT = (height - NAV_BAR_HEIGHT) * .85;

export const WINDOW_TOP_MARGIN = height * .1

export const WINDOW_BOTTOM_MARGIN = NAV_BAR_HEIGHT + height * .02



//Animal Info Page

export const ANIMAL_INFO_WINDOW_HEIGHT = (height - NAV_BAR_HEIGHT) * .85;

export const ANIMAL_PICTURE_WIDTH = WINDOW_WIDTH / 3;

export const ANIMAL_PICTURE_MARGIN = ANIMAL_PICTURE_WIDTH / 4;

export const ANIMAL_BIO_WIDTH = WINDOW_WIDTH / 12 * 5;


//Shop Page


export const SIGN_FOOTER_HEIGHT = height * .09;

export const SIGN_HEIGHT = WINDOW_HEIGHT * .3;

export const SHELF_HEIGHT = height * .03;

export const SHELF_DEPTH = SHELF_HEIGHT * 1;

export const SHELF_WIDTH = WINDOW_WIDTH * .95;

export const SHELF_SPACING = height * .15;

export const SHELF_WINDOW_HEIGHT = WINDOW_HEIGHT - SIGN_HEIGHT - SIGN_FOOTER_HEIGHT;

export const RECEIPT_HEADER_MARGIN_TOP = height * .2;

export const RECEIPT_HEADER_HEIGHT = height * .1;

export const SUMMARY_HEIGHT = height * .45;

export const SUMMARY_WIDTH = width * .9;

export const LINE_ITEM_HEIGHT = height * .05

//Career Page

export const ICON_CONTAINER_WIDTH = WINDOW_WIDTH * .2;

export const ICON_SIZE = WINDOW_WIDTH * .1;

export const CAREER_WINDOW_PADDING = WINDOW_WIDTH * .1

export const BUTTON_WIDTH = WINDOW_WIDTH * .8;

export const BUTTON_HEIGHT = WINDOW_HEIGHT * .1;

export const CAREER_IMAGE_HEIGHT = WINDOW_HEIGHT * .35;

export const IMAGE_PADDING = CAREER_IMAGE_HEIGHT * .1;

export const BAR_STATS_WRAPPER_HEIGHT = WINDOW_HEIGHT * .2;

export const DESCRIPTION_HEIGHT = WINDOW_HEIGHT * .6;

export const DESCRIPTION_WIDTH = WINDOW_WIDTH * .8;

export const DESCRIPTION_PADDING = DESCRIPTION_WIDTH * .05;

export const WORK_BUS_HEIGHT = height * .25;

export const WORK_BUS_MARGIN_BOTTOM = NAV_BAR_HEIGHT + height * .1;

export const CAREER_SCREEN_BUTTON_AREA_TOP = height * .15;

export const CAREER_SCREEN_BUTTON_AREA_HEIGHT = height * .15;

export const CAREER_SCREEN_BUTTON_AREA_PADDING = width * .1;

export const CAREER_SCREEN_HEADER_HEIGHT = height * .1;

export const CAREER_SCREEN_HEADER_POSITION_TOP = height * .15;

//Todo List consts

export const TODO_LIST_HEIGHT = WINDOW_HEIGHT / 2;

export const TODO_LIST_WIDTH = WINDOW_WIDTH;

export const TODO_LIST_TEXT_MARGIN_LEFT = TODO_LIST_WIDTH / 25;