React Native 中的货币格式

Question

我有一个简单的设置来格式化使用数字 js 输入到TextInput字段中的货币值。 使用onChangeText我正在设置输入的值并以这种方式格式化

handleValue(value){
let amount = numeral(value).format('0,0[.]00')
// set amount 
}

但是由于某种原因，添加的小数会不断删除自己。 有没有办法来解决这个问题？

Answer 1

这对我有用 https://snack.expo.io/9qX_VnhFn小数点放在正确的位置

import React, { useState } from 'react';
import { Text, View, StyleSheet, TextInput } from 'react-native';

import numeral from 'numeral';

export default function App() {
  const [value, setValue] = useState('');
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      justifyContent: 'center',
      backgroundColor: '#ecf0f1',

    },
  });
  
  const handleValue = (value) => {
    let amount = numeral(value).format('0,0[.]00');
    setValue(amount);
  };

  return (
    <View style={styles.container}>
      <TextInput
        onChangeText={(value) => handleValue(value)}
        style={{
          height: 40,
          width: 280,
          backgroundColor: 'white',
          borderWidth: 1,
          borderRadius: 4,
          alignSelf: 'center',
          paddingLeft: 15,
        }}
        value={value}
      />
    </View>
  );
}