react-native-styles.js

'use strict';

import React from 'react-native';

let {
  StyleSheet,
} = React;

let colors = {
  blue: '#1EC1F7',
  darkBlue: '#005673',
  lightBlue: '#E8F9FF',
  borderColor: '#005673',
  white: '#ffffff',
}

let styles = StyleSheet.create({
  navBar: {
    backgroundColor: colors.blue,
    borderBottomColor: colors.darkBlue,
    borderBottomWidth: 2,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    flex: 1,
  },
  scene: {
    flex: 1,
    paddingTop: 60,
    backgroundColor: colors.white,
  },
  container: {
    flex: 1,
    flexDirection: 'column',
    padding: 10,
  },

  list: {
    flexDirection: 'column',
  },

  listItem: {
    flex: 1,
    padding: 10,
    paddingTop: 20,
    paddingBottom: 20,
    backgroundColor: colors.lightBlue,
    borderColor: colors.borderColor,
    borderWidth: 1,
  },

  listItemText: {
    fontSize: 18,
  }
});

export default styles;