TextInput с вводом цифр справа налево и автоматическим добавлением нулей для ввода денег

Question

Я пытаюсь реализовать TextInput, набирая цифры справа налево и добавляя нули автоматически, пока пользователь печатает.Есть идеи, как правильно это реализовать?

Ожидаемое поведение должно выглядеть следующим образом: this .

То, что у меня сейчас есть:

 constructor(props) {
    super(props);
    this.state = {
      payrate: '',
    };
  }

  handleTextChange = (text) => {
    const newAmount = parseFloat(text/100);
     this.setState({
       payrate: newAmount,
     })


 <TextInput
         autoFocus
         style={[styles.textInput]}
         value={payrate}
         placeholder="0.00"
         maxLength={9}
         keyboardType="numeric"
         placeholderTextColor="#adecf5"
         onChangeText={this.handleTextChange}
         underlineColorAndroid='rgba(0,0,0,0)'
         autoCapitalize="none"
         selection={{start: cursor, end: cursor}}
         />

Answer 1

Мы используем для этого реагирующий-замаскированный текст, работает прилично.https://github.com/benhurott/react-native-masked-text/blob/master/README.md