text-field.js

gistfile1.txt

import React from 'react'
import { Input, Item, Label } from 'native-base'
import { StyleSheet } from 'react-native'

export const StackedTextField = ({
  innerRef = () => {},
  label,
  onPress,
  inputContainerStyle,
  fieldWrapperStyle,
  ...props
}) => (
  <Item
    onPress={onPress}
    stackedLabel
    style={[
      styles.wrapper,
      fieldWrapperStyle && fieldWrapperStyle,
    ]}
  >
    <Label>{label}</Label>
    <Input
      ref={innerRef}
      style={[
        styles.input,
        inputContainerStyle && inputContainerStyle,
      ]}
      {...props}
    />
  </Item>
)

const styles = StyleSheet.create({
  wrapper: {
    marginLeft: 0,
    paddingLeft: 0,
  },
  input: {
    marginLeft: 0,
    paddingLeft: 0,
  },
})