“React Native Hasseloper” Kod odpowiedzi

React Native Password Wprowadzanie hasła

<TextInput secureTextEntry={true} style={styles.default} value="abc" />
Strange Seahorse

React Native Hasseloper

// well designed library to check your password strength

import { PasswordMeter } from 'react-native-password-meter';

// ...

  const [password, setPassword] = React.useState({ value: '', error: '' });
  const [passwordScore, setPasswordScore] = React.useState(0);
  const _updateScore = (val: any) => {
    setPasswordScore(val);
  };

  <TextInput
    style={{
      height: 50,
      borderColor: 'gray',
      borderWidth: 1,
      width: '100%',
      borderRadius: 6,
      color: 'white',
      padding: 10,
    }}
    returnKeyType="done"
    value={password.value}
    onChangeText={(text) => setPassword({ value: text, error: '' })}
    secureTextEntry={true}
  />
  <PasswordMeter
    password={password.value}
    onResult={(val) => {
    _updateScore(val);
    }}
  />
Vivacious Vendace

Odpowiedzi podobne do “React Native Hasseloper”

Pytania podobne do “React Native Hasseloper”

Więcej pokrewnych odpowiedzi na “React Native Hasseloper” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu