Input.js

import React from 'react';
import { TextInput, Text, View } from 'react-native';

const Input = ({ label, value, onChangeText, placeholder, secureTextEntry }) => {
        const { inputStyle, labelStyle, containerStyle } = styles;
        return (
            <View style={containerStyle}>
                <Text style={labelStyle}>{label}</Text>
                <TextInput
                    secureTextEntry={secureTextEntry}
                    placeholder={placeholder}
                    autoCorrect={false} 
                    value={value}
                    onChangeText={onChangeText}
                    style={inputStyle}
                />
            </View>
        );
};

const styles = {
    inputStyle: {
        color: '#000',
        paddingRight: 5,
        fontSize: 18,
        paddingLeft: 5,
        lineHeight: 23,
        flex: 2,
    },
    labelStyle: {
        fontSize: 18,
        paddingLeft: 20,
        flex: 1
    },
    containerStyle: {
        height: 40,
        flexDirection: 'row',
        flex: 1,
        alignItems: 'center'
    },
};

export default Input;