Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Error style Text password ShowPassword/Hide Password #98

Open
PietroGianniRuggeri opened this issue Oct 22, 2021 · 4 comments
Open

Error style Text password ShowPassword/Hide Password #98

PietroGianniRuggeri opened this issue Oct 22, 2021 · 4 comments

Comments

@PietroGianniRuggeri
Copy link

PietroGianniRuggeri commented Oct 22, 2021

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

@Cnilton
Copy link
Owner

Cnilton commented Oct 23, 2021

Hi @PietroGianniRuggeri, could you please post the code for both inputs? What version are you using?

@PietroGianniRuggeri
Copy link
Author

PietroGianniRuggeri commented Oct 26, 2021

version "react-native-floating-label-input": "^1.3.9"

the problem is the font-family, it does not change in time. the two inputs are equal code.

@FredNevesAraujo
Copy link

I'm facing the same issue here, any updates?

@FredNevesAraujo
Copy link

Guys, I know that has been some time since this issue was opened, but I've found some info in the React Native repository and it seems like this was a React Native bug and was fixed in v0.64.2. So if you are having this problem, try to update RN version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants