Skip to content

Error style Text password ShowPassword/Hide Password #98

@PietroGianniRuggeri

Description

@PietroGianniRuggeri

Hello, here is code of input

<FloatingLabelInput
inputStyles={{
fontFamily: platform.fontTextFamily,
color: error === false ? platform.brandDarkGray : 'red',
}}
label={placeholder}
labelStyles={{fontFamily: platform.fontTextFamily}}
showCountdownStyles={{fontFamily: platform.fontTextFamily}}
isPassword
togglePassword={false}
value={valueX}
autoCorrect={false}
autoCapitalize="none"
showCountdownStyles={{
fontFamily: platform.fontTextFamily,
}}
containerStyles={
error === false
? styles.containerStyleInput
: styles.containerStyleInputError
}
onChangeText={onSubmit}
customLabelStyles={{
colorBlurred: error === false ? platform.brandDarkGray : 'red',
colorFocused: error === false ? platform.brandDarkGray : 'red',
}}
customShowPasswordComponent={
<Icon
name="eye-off-outline"
fill={error === false ? platform.brandPrimary : 'red'}
width={platform.twentyScale}
height={platform.twentyScale}
/>
}
customHidePasswordComponent={
<Icon
name="eye-outline"
fill={error === false ? platform.brandPrimary : 'red'}
width={platform.twentyScale}
height={platform.twentyScale}
/>
}
leftComponent={
<Icon
name="lock-outline"
fill={error === false ? platform.brandPrimary : 'red'}
width={platform.twentyScale}
height={platform.twentyScale}
/>
}
animationDuration={150}
/>
2021-10-22_08h31_27

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions