Input.js

import React from 'react'
import { TextInput, View } from 'react-native'
import theme from './theme'

const Input = (props) => (

  const styles = {
    inlineWrapper: {
      flex: inlineLabel ? .5 : 1,
      height: inlineLabel ? theme.FormGroup.height - theme.FormGroup.borderWidth*2 : theme.FormGroup.height,
    },
    input: {
      color: theme.Input.color,
      fontSize: theme.BaseInput.fontSize,
      height: inlineLabel ? theme.FormGroup.height - theme.FormGroup.borderWidth*2 : theme.FormGroup.height,
      lineHeight: inlineLabel ? theme.FormGroup.height - theme.FormGroup.borderWidth*2 : theme.FormGroup.height,
    }
  }
  
  return(
    <View style={styles.inlineWrapper} inlineLabel={props.inlineLabel}>
      <TextInput
        style={styles.input}
        inlineLabel={props.inlineLabel}
        placeholderTextColor={theme.BaseInput.placeholderColor}
        {...props}
      />
    </View>
  )
)

Input.PropTypes = {
  inlineLabel: React.PropTypes.bool.isRequired
}

Input.defaultProps = {
  inlineLabel: true,
}

export default Input