React-Native数字格式

Question

我目前正在使用react-native-globalize库来格式化数字，但在使用时：

<FormattedNumber value={10000000} useGrouping={true} />

应该提供这样的结果：

> 10,000,000

但是出于某些原因，它似乎根本不起作用，输出是没有分隔符的数字。

任何人都知道如何解决这个或我可以使用的其他库？ （是的，我先做了谷歌研究）。

谢谢你们！

Answer 1

也许你可以使用这个https://github.com/frostney/react-intl-native 也是一个维基页面https://github.com/yahoo/react-intl/wiki/Components#formattednumber

Answer 2

您可以使用Javascript提供的方法toLocaleString()。

用作：

getFormattedNumber = number => {
    let formattedNumber = Number.parseInt(number).toLocaleString('en-IN');
    return formattedNumber;
}

您可以根据您所在的地区使用en-US。

如果以上代码在Android中失败，请尝试以下步骤：

1. 转到您的android/app/build.gradle文件
2. 将第def jscFlavor = 'org.webkit:android-jsc:+'行更改为def jscFlavor = 'org.webkit:android-jsc-intl:+'

以上解决方案在这里：https://blog.bam.tech/developer-news/formating-numbers-in-react-native