如何在 React Native 文本输入中添加逗号分隔符

问题描述 投票:0回答:1

我正在开发一个 React Native 应用程序。我正在使用 Formik 作为我的表单。现在我的要求是我有一个 TextInput,用户可以在其中输入价格。此输入字段应为 1000s 添加逗号分隔符,例如,如果我输入 10000,输入字段应显示为 10,000,如果我输入 100000,它应显示为 100,000。怎么做。仅供参考,我的 TextInput 是从 React Native Paper

导入的

下面是我的代码:

 <TextInput
  style={{ width: "auto", marginBottom: 10 }}
  mode="outlined"
  label="Starting Price"
  placeholder="25,000"
  inputMode="numeric"
  defaultValue="0"
  left={<TextInput.Affix text="LKR" />}
  onChangeText={obj.handleChange("startingPrice")}
  value={obj.values.startingPrice}
   />
react-native formik textinput react-native-paper currency-formatting
1个回答
0
投票

你有一个handleChange函数。您可以在您的函数中使用此代码。

这是一个例子

const number = 100000;
const commaNumber = number.toLocaleString();

产量为:100,000

希望有帮助。

© www.soinside.com 2019 - 2024. All rights reserved.