react-native-material-textfield/src/components/field/styles.js

Material textfield

import { StyleSheet, I18nManager } from 'react-native';

export default StyleSheet.create({
  inputContainer: {
    flexDirection: 'row',
    alignItems: 'flex-end',
  },

  input: {
    top: 2,
    padding: 0,
    paddingTop: 0, /* XXX: iOS has paddingTop set for multiline input */
    margin: 0,
    flex: 1,

    textAlign: I18nManager.isRTL?
      'right':
      'left',

    includeFontPadding: false,
    textAlignVertical: 'top',
  },

  helperContainer: {
    minHeight: 8,
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'flex-start',
  },

  row: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'flex-end',
  },

  stack: {
    flex: 1,
    alignSelf: 'stretch',
  },

  flex: {
    flex: 1,
  },
});