Adding 2 decimal places in textinput

Question

i need help adding 2 decimal place in after adding a value. for example if i add 100000 then it will convert it to 100,000.00 here is my current code.

<TextInput
            placeholder='0'
            keyboardType = 'decimal-pad'
            underlineColorAndroid="transparent"
            style={{
            width:'90%',
            fontSize: 20,
            fontWeight:'400'}}
            onChangeText={TextInputValue => this.onEnterText(TextInputValue)}
/>

onEnterText = (TextInputValue) =>{
     if(TextInputValue.trim() != 0){
      this.setState({TextInputValue : TextInputValue, ErrorStatus : true}) ;
    }else{
        this.setState({TextInputValue : TextInputValue, ErrorStatus : false}) ;
    }
  }

See if this helps: [link](https://stackoverflow.com/questions/34410655/using-decimals-in-react-native) — Sourabh Burse, Dec 07 '22 at 10:39

score 0 · Answer 1 · answered Dec 07 '22 at 10:39

0

Try using toFixed(2) for variable approach.

For decimals in input you might find this link useful : https://codesandbox.io/s/9zjo1lp86w

answered Dec 07 '22 at 10:39

pratik shrestha

1

Jatin Bhuva · Answer 2 · 2022-12-07T11:31:05.703

0

Try below code.

<TextInput
        placeholder='0'
        keyboardType = 'decimal-pad'
        underlineColorAndroid="transparent"
        style={{
        width:'90%',
        fontSize: 20,
        fontWeight:'400'}}
        onChangeText={TextInputValue => 
        this.onEnterText(TextInputValue % 1 == 0 ? TextInputValue+".00" : TextInputValue.toFixed(2))}
  />

The above code definitely works. but I don't know what is inside your onEnterText()

edited Dec 07 '22 at 11:31

answered Dec 07 '22 at 10:55

Jatin Bhuva

1,301
1
4
22

can you please tell me where should i copy this line in code? sorry for being noob. or can you paste a complete code – Vix Hunk Dec 07 '22 at 11:18
onChangeText={TextInputValue => this.onEnterText(TextInputValue % 1 == 0 ? TextInputValue+".00" : TextInputValue.toFixed(2))} – Jatin Bhuva Dec 07 '22 at 11:22
tried this but nothing happend – Vix Hunk Dec 07 '22 at 11:27
TypeError: TextInputValue.toFixed is not a function. (In 'TextInputValue.toFixed(2)', 'TextInputValue.toFixed' is undefined) – Vix Hunk Dec 07 '22 at 11:29
i tried and it didnt work. – Vix Hunk Dec 07 '22 at 14:04
i updated my code you can see onEnterText() above. – Vix Hunk Dec 07 '22 at 14:08

Adding 2 decimal places in textinput

2 Answers2