react-native-inputtext-roundconner
v1.0.6
Published
Inputtext Roundconner
Downloads
30
Maintainers
Readme
React Native Email and Password Input Components
This repository contains reusable React Native components for handling email and password input fields. The components provide features like validation, show/hide password functionality, and customizable styling.
Components
1. EmailInputText
A component for handling email input. It includes:
- Email validation
- Customizable title, placeholder, and styles
- Conditional styling based on email validity and editability
- Show/hide password functionality (optional)
Usage Example:
import { EmailInputText } from 'react-native-inputtext-roundconner';
const [getEmail, setEmail] = useState('')
// Inside your component
<EmailInputText
title="Email"
placeholder="Enter your email"
keyboardType="email-address"
autoCapitalize="none"
value={emailValue}
onChangeText={(newEmail) => setEmailValue(newEmail)}
maxLength={50}
// Additional props can be passed
/>
2. PasswordInputText
A component for handling password input. It includes:
- Customizable title, placeholder, and styles
- Conditional styling based on password validity and editability
- Show/hide password functionality (optional)
Usage Example:
import { PasswordInputText } from 'react-native-inputtext-roundconner';
const [getPassword, setPassword] = useState('')
const [getShowPassword, setShowPassword] = useState(false)
const ShowPassword = () => {
setShowPassword(!getShowPassword)
}
// Inside your component
<PasswordInputText
title="Password"
placeholder="Enter your password"
value={getPassword}
secureTextEntry={true}
passwordShow={getShowPassword}
onPressShowPassword={() => ShowPassword()}
onChangeText={(newPassword) => setPassword(newPassword)}
maxLength={50}
// Additional props can be passed
/>
Styling
The components come with default styling that can be customized. Styling options include border color, background color, and more.