react-native-template-agile-rn/src/components/utils/Input/styles.js

<h3 align="center"> <b>Agile RN</b> is a <b>React Native ⚛ template</b> that was created to <i>speed up project start-up</i> as well as make <i>app development easier</i>. <h3>

import styled from 'styled-components/native';
import { TextInputMask } from 'react-native-masked-text';

import { colors } from '~/styles';

export const TextInput = styled.TextInput.attrs({
  autoCorrect: false,
  autoCapitalize: 'none',
})`
  width: 100%;
  height: 40px;
  border-bottom-width: 1px;
  border-color: ${colors.grey};
  border-radius: 5px;
  padding: 0px 5px;
  font-size: 18px;
`;

export const MaskedInput = styled(TextInputMask).attrs({
  autoCorrect: false,
  autoCapitalize: 'none',
})`
  width: 100%;
  height: 40px;
  border-bottom-width: 1px;
  border-color: ${colors.grey};
  border-radius: 5px;
  background: #fff;
  padding: 0px 5px;
  font-size: 18px;
`;