TextInput 从右到左输入数字并自动添加零以进行货币输入

Posted 2023-04-18

【中文标题】TextInput 从右到左输入数字并自动添加零以进行货币输入

【英文标题】：TextInput with typing digits from right to left and adding zeroes automatically for money input

【发布时间】：2019-03-03 04:00:30

【问题描述】：

我正在尝试实现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
         />

【问题讨论】：

我已经为美国数字格式自定义了 TextInput 我认为是的，这是可以做到的。请查看我的博客。 medium.com/@maulikdhameliya/… 从右边开始，给 textAlign right

这个问题你解决了吗？

【参考方案1】：

我们为此使用 react-native-masked-text，效果不错。 https://github.com/benhurott/react-native-masked-text/blob/master/README.md

【讨论】：

那里可以从右到左输入文字吗？

这没有回答关于从右到左输入的问题

已经有一段时间了，但我相信我共享的库支持 RTL。也刚刚检查了 GH 页面，看起来开发人员不再支持它了。