artwork-react-native/lib/nav-bar/style/css.js

artwork design master for react-native

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _util = require('../../_util');

var _theme = require('../../style/theme');

var _theme2 = _interopRequireDefault(_theme);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var NAVIGATOR_HEIGHT_ANDROID = 44;
var NAVIGATOR_HEIGHT_IOS = 44;
var STATUS_BAR_HEIGHT = 20;
var NAVIGATOR_HEIGHT = _util.MediaDevice.isIOS ? NAVIGATOR_HEIGHT_IOS : NAVIGATOR_HEIGHT_ANDROID;
var BUTTON_HEIGHT = NAVIGATOR_HEIGHT / 2;
exports['default'] = {
    wrapper: {
        backgroundColor: _theme2['default'].fill_base
    },
    navBar: {
        height: NAVIGATOR_HEIGHT,
        justifyContent: 'space-between',
        alignItems: 'center',
        borderBottomWidth: 1,
        borderBottomColor: _theme2['default'].border_color_base,
        flexDirection: 'row'
    },
    statusBar: {
        height: _util.MediaDevice.isIOS ? STATUS_BAR_HEIGHT : 0
    },
    left: {
        flex: 0,
        paddingHorizontal: 8,
        height: NAVIGATOR_HEIGHT,
        // backgroundColor: 'red',//test
        justifyContent: 'center',
        alignItems: 'flex-end',
        zIndex: 1
    },
    right: {
        paddingHorizontal: 8,
        height: NAVIGATOR_HEIGHT,
        // backgroundColor: 'red',//test
        justifyContent: 'center',
        alignItems: 'flex-start',
        zIndex: 1
    },
    title: {
        position: 'absolute',
        top: 0,
        bottom: 0,
        left: 80,
        right: 80,
        alignItems: 'center',
        justifyContent: 'center',
        zIndex: 0
    },
    text: {},
    image: {
        height: BUTTON_HEIGHT,
        width: BUTTON_HEIGHT
    }
};