<TextInput 
   style={styles.textInput}
   keyboardType='numeric'
   onChangeText={(text)=> this.onChanged(text)}
   value={this.state.myNumber}
   maxLength={10}  //setting limit of input
/>

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 21 2021

Energetic Elephant

0 Answers Avg Quality 2/10

numeric textinput react native

Comment

<TextInput 
    // KEYBOARD TYPE NUMERIC
    keyboardType='numeric'

    onChangeText={(text)=> this.onChanged(text)}
    value={this.state.myNumber}
/>

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 27 2022

Laith Alayassa

0 Answers Avg Quality 2/10

react native text input allow only numbers

Comment

const onChanged = (text) => {
        let newText = '';
        let numbers = '0123456789';
    
        for (var i=0; i < text.length; i++) {
            if(numbers.indexOf(text[i]) > -1 ) {
                newText = newText + text[i];
            }
            else {
                alert("please enter numbers only");
            }
        }
        setNumber(newText);
    }

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.mywebtuts.com

Tags: input javascript numbers react-native text

Link to this answer
Share Copy Link

Contributed on Jun 13 2022

Hardik Savani

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react native text input number only

Contents

More Related Answers