rn-material-ui-textfield/src/components/field/styles.js

Material UI 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: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'flex-start',
  },

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

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

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