react-native-ui-lib/src/incubator/TextField/presets/default.js

<p align="center"> <img src="https://user-images.githubusercontent.com/1780255/105469025-56759000-5ca0-11eb-993d-3568c1fd54f4.png" height="250px" style="display:block"/> </p> <p align="center">UI Toolset & Components Library for React Native</p> <p a

import { StyleSheet } from 'react-native';
import { Colors, Spacings, Typography } from "../../../style";
const colorByState = {
  focus: Colors.primary,
  error: Colors.error,
  disabled: Colors.grey40
};
const styles = StyleSheet.create({
  field: {
    borderBottomWidth: 1,
    borderBottomColor: Colors.grey50,
    paddingBottom: Spacings.s2
  },
  input: { ...Typography.text70,
    lineHeight: undefined,
    height: Typography?.text70?.lineHeight
  },
  floatingPlaceholder: { ...Typography.text70
  }
});
export default {
  enableErrors: true,
  validateOnBlur: true,
  floatingPlaceholderColor: colorByState,
  labelColor: colorByState,
  fieldStyle: styles.field,
  style: styles.input,
  floatingPlaceholderStyle: styles.floatingPlaceholder
};