Existe-t-il un moyen de définir la longueur minimale d'un TextInput dans React-Native?

comme commenté,

Ajoutez un gestionnaire ONCHANGE et validez la valeur pour une longueur minimale p> blockQuote>

idée h3>

• Vous devrez ajouter onchange code> gestionnaire pour effectuer une validation personnalisée car il n'y a pas de mauvaise manière. LI>
• Dans cette fonction, vous pouvez vérifier la longueur et le valider. LI> ul>

  Le code suivant implémente également le comportement suivant: p>

  • L'entrée peut accepter quoi que ce soit mais que minlength code> est 6. li>
  • Si l'entrée n'est pas valide, les modifications de la bordure en rouge pour signifier une erreur.
    • L'erreur est affichée uniquement si l'entrée n'est pas d'être modifiée ( i.e. N'a pas de concentration em>) li>
    • erreur n'est pas affichée si la valeur est complètement supprimée. Juste pour cas lorsque vous avez un champ facultatif. LI> ul> li> ul>

      Sample Fiddle P>

      P >

      <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
      <div id="app"></div>

La maxlength ProP ProP est désormais partie intégrante du natif: Utilisez ce qui suit dans votre code.

<TextInput value={this.state.text} maxLength={4} />

Vous pouvez utiliser _onPress comme ci-dessous

_onPress = () => {
        if (this.state.value.length < 5) { 
          Alert.alert('Alert', 'Please type more then 5 words');
        return;
      }
        this.props.onPress(this.ref._lastNativeText);
        this.ref.setNativeProps({ text: '' });
    }