Как вы форматируете число в валюту при использовании React native Expo?

Вы можете использовать метод toFixed для отображения 2 десятичных знаков.

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

И вы можете использовать Regex следующим образом

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

Вы можете использовать эту библиотеку числовой формат реакции. Он имеет эти функции

1. Префикс, суффикс и разделитель тысяч.
2. Пользовательский шаблон формата.
3. Маскировка.
4. Пользовательский обработчик форматирования.
5. Формат числа во входе или форматировать как простой текст

Пример использования

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

Результат: 2 456 981 долларов США.

может быть достигнуто, как показано ниже, и вы также можете удалить конечный 00 в конце, если нет десятичных знаков

      costing= () => {
        const cost= 1478.90 + 940;
        return parseFloat(cost).toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
      }

Обновлено: извините, это решение React.js, а не React Native. Ничто из вышеперечисленного не сработало для меня ... но у этого парня была правильная идея / решение 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

Самый быстрый способ — использовать формат числа-реакции, как указано выше, но не забывайте о реквизите renderText, чтобы React Native не выдавал ошибку рендеринга.

Выполните этот шаг:

1. Установить. Используйте эту команду:

npm i react-number-format

2. Используйте его в своем приложении React Native следующим образом:

import React from 'react';
import NumberFormat from 'react-number-format';

export function ReactNativeNumberFormat({ value }) {
  return (
    <NumberFormat
      value = {value}
      displayType = {'text'}
      thousandSeparator = {true}
      prefix = {'$'}
      renderText = {formattedValue => <Text>{formattedValue}</Text>} // <--- Don't forget this!
    />
  );
}

Это работает хорошо. Как видите, в итоге я создал свой пользовательский компонент, который принимает value в качестве реквизита, поэтому я могу использовать его везде, где мне это нужно. Именно так:

  <View>
    <ReactNativeNumberFormat value = {530000} />
  </View>

Надежда может быть полезной.

PS: Это моя ссылка => https://github.com/s-yadav/react-number-format/issues/17#issuecomment-395187806.

Чтобы избежать использования библиотек, вы можете использовать следующий код

const defaultOptions = {
  significantDigits: 2,
  thousandsSeparator: ',',
  decimalSeparator: '.',
  symbol: '$'
}

const currencyFormatter = (value, options) => {
  if (typeof value !== 'number') value = 0.0
  options = { ...defaultOptions, ...options }
  value = value.toFixed(options.significantDigits)

  const [currency, decimal] = value.split('.')
  return `${options.symbol} ${currency.replace(
    /\B(?=(\d{3})+(?!\d))/g,
    options.thousandsSeparator
  )}${options.decimalSeparator}${decimal}`
}