Saltar al contenido

¿Cómo se formatea un número en moneda cuando se usa React native EXPO?

Solución:

Puedes usar toFixed método para mostrar 2 puntos decimales.

let num = 1000; 
console.log(num.toFixed(2)); // 1000.00

Y puedes usar Regex así

function currencyFormat(num) {
   return '$' + num.toFixed(2).replace(/(d)(?=(d{3})+(?!d))/g, '$1,')
}
console.log(currencyFormat(2665)); // $2,665.00

Puede utilizar este formato de número de reacción de biblioteca. Tiene estas caracteristicas

  1. Prefijo, sufijo y separador de miles.
  2. Patrón de formato personalizado.
  3. Enmascaramiento.
  4. Controlador de formato personalizado.
  5. Formato de número en una entrada o formato como texto simple

Uso de muestra

<NumberFormat value={2456981} displayType={'text'} thousandSeparator={true} prefix={'$'} />

Salida: $ 2,456,981

Editar: Lo siento, esta es una solución React.js, no React Native. Nada de lo anterior funcionó para mí … pero este chico tenía la idea / solución correcta https://medium.com/@nidhinkumar/react-js-number-format-and-styling-a1a6e211e629

const numberFormat = (value) =>
  new Intl.NumberFormat('en-IN', {
    style: 'currency',
    currency: 'INR'
  }).format(value);

numberFormat(50000); //output as ₹ 50,000.00
numberFormat(10000); //output as ₹ 10,000.00
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *