React Native 数字输入掩码始终带有两位小数

Question

我正在努力让输入掩码正常工作。我希望输入的行为如下：

• 一个插入100然后它显示1.00

• 一个插入 30000 然后它显示 300.00

• 插入 4390132 然后显示 43901.32

最后，我希望它总是有两个小数点，无论位数多少

我试过这个库https://github.com/benhurott/react-native-masked-text

但我只能使用有限的数字。有人有什么建议吗？

Answer 1

使用一些简单的数学运算，您应该能够做到这一点。

首先将数字除以 100，然后将其转换为 Number，您可以调用 toFixed() 方法，指定 2 个小数位。像这样：

Number((num / 100).toFixed(2));