styles.js

const React = require('react-native')
const {StyleSheet} = React
const constants = {
  actionColor: '#24CE84'
};

var styles = StyleSheet.create({
  container: {
    backgroundColor: '#f2f2f2',
    flex: 1,
  },
  listview: {
    flex: 1,
  },
  flexer: {
    flex: 1,
  },
  numberpickerOuter: {
    flexDirection: 'row',
    height: 120,
    alignItems: 'center',
  },
  numberpicker: {
    marginLeft: 25,
    marginRight: 25,
    flexDirection: 'column',
    flexWrap: 'wrap',
    justifyContent: 'flex-start',
    //alignSelf: 'flex-start',
    alignItems: 'flex-start',
  },
  numberpickerButton: {
    width: 120,
    backgroundColor: constants.actionColor,
    height: 40,
  },
  numberpickerValue: {
    width: 120,
    height: 40,
  },
  numberpickerContainer: {
    flexDirection: 'row',
    flexWrap: 'wrap',
  },
  // li: {
  //   backgroundColor: '#fff',
  //   borderBottomColor: '#eee',
  //   borderColor: 'transparent',
  //   borderWidth: 1,
  //   paddingLeft: 16,
  //   paddingTop: 14,
  //   paddingBottom: 16,
  // },
  // liContainer: {
  //   flex: 2,
  // },
  // liText: {
  //   color: '#333',
  //   fontSize: 16,
  // },
  navbar: {
    alignItems: 'center',
    backgroundColor: '#fff',
    borderBottomColor: '#eee',
    borderColor: 'transparent',
    borderWidth: 1,
    justifyContent: 'center',
    height: 44,
    flexDirection: 'row'
  },
  navbarTitle: {
    color: '#444',
    fontSize: 16,
    fontWeight: "500"
  },
  statusbar: {
    backgroundColor: '#fff',
    height: 22,
  },
  center: {
    textAlign: 'center',
  },
  actionText: {
    color: '#fff',
    fontSize: 22,
    textAlign: 'center',
  },
  textInput: {
    fontSize: 16,
    color:"#333",
    height: 44
  },
  action: {
    backgroundColor: constants.actionColor,
    borderColor: 'transparent',
    borderWidth: 1,
    borderRadius: 3,
    marginLeft: 25,
    marginRight: 25,
    marginTop: 25,
    height:60,
    justifyContent: 'center'
  },
})

module.exports = styles
module.exports.constants = constants;