Search code examples
react-nativereact-native-iosreact-native-textinput

Textinput minimum length React native


Is there a way to limit the textinput between a minimum length and maximum length. Suppose I want to limit the textinput length between 5 and 15, how do I do that ?


Solution

  • Consider adding the following code in your component:

    <TextInput onTextChange={this.onTextChange} maxLength={15} ... />
    <Button onPress={this.onPress} ... >Submit</Button>
    
    onTextChange = text => {
       this.setState({text : text});
    }
    
    onPress = () => {
       const {text} = this.state;
    
       if(text.length < 5) {
          console.log('Your text is less than what is required.');
       }
    }