Text 如何在react native上使用货币符号代码？

这是我的密码

setCurrency() {
    switch (this.props.currency) {
        case USD:
            return '$';
        case AMD:
            return '֏';
        case RUB:
            return '₽';
        default:
            return null;
    }
}

render() {
    return (
        <View style={styles.rowContent}>
            <Text
                style={styles.fontCurrency}>
                {this.props.text} {this.setCurrency()}
            </Text>
        </View>
    );
}

setCurrency（）{
开关（此.props.currency）{
案例美元：
返回“$；”；
病例AMD：
返回“֏；”；
案例摩擦：
返回“₽；”；
违约：
返回null；
}
}
render（）{
返回(
{this.props.text}{this.setCurrency（）}
);
}

对于美元的情况，我得到以下信息。见附图

---

为什么不使用现有的API

在引擎盖下使用它们，我将创建用于显示货币的格式化组件

这里有一个简短的例子

function getLocale(currency) {
  return {
    usd: "en-US",
    rub: "ru-RU",
  }[currency.toLowerCase()];
}

function Currency({ currency, value }) {
  const locale = getLocale(currency);
  const options = {
    currency,
    locale,
    currencyDisplay: "symbol",
    style: "currency",
  };

  return (
    <Text>
      {Number(value).toLocaleString(locale, options)}
    </Text>
  );
}

// Call it like this
<Currency currency="rub" value={100} />

函数getLocale（货币）{ 返回{ 美元：“en US”， 搓：“汝汝”， }[currency.toLowerCase（）]； } 函数货币（{Currency，value}）{ const locale=getLocale（货币）； 常量选项={ 货币， 场所 货币显示：“符号”， 风格：“货币”， }; 返回( {Number（value）.toLocaleString（区域设置，选项）} ); } //这样说吧

---

为什么不使用现有的API

在引擎盖下使用它们，我将创建用于显示货币的格式化组件

这里有一个简短的例子

function getLocale(currency) {
  return {
    usd: "en-US",
    rub: "ru-RU",
  }[currency.toLowerCase()];
}

function Currency({ currency, value }) {
  const locale = getLocale(currency);
  const options = {
    currency,
    locale,
    currencyDisplay: "symbol",
    style: "currency",
  };

  return (
    <Text>
      {Number(value).toLocaleString(locale, options)}
    </Text>
  );
}

// Call it like this
<Currency currency="rub" value={100} />

函数getLocale（货币）{ 返回{ 美元：“en US”， 搓：“汝汝”， }[currency.toLowerCase（）]； } 函数货币（{Currency，value}）{ const locale=getLocale（货币）； 常量选项={ 货币， 场所 货币显示：“符号”， 风格：“货币”， }; 返回( {Number（value）.toLocaleString（区域设置，选项）} ); } //这样说吧 使用

标记

setCurrency() {
  switch (this.props.currency) {
    case USD:
      return <Text>&#36;</Text>;
    case AMD:
      return <Text>&#1423;</Text>;
    case RUB:
      return <Text>&#8381;</Text>;
    default:
      return null;
  }
}

setCurrency（）{
开关（此.props.currency）{
案例美元：
回报$；；
病例AMD：
返回֏；；
案例摩擦：
返回₽；；
违约：
返回null；
}
}

使用

标记

setCurrency() {
  switch (this.props.currency) {
    case USD:
      return <Text>&#36;</Text>;
    case AMD:
      return <Text>&#1423;</Text>;
    case RUB:
      return <Text>&#8381;</Text>;
    default:
      return null;
  }
}

setCurrency（）{
开关（此.props.currency）{
案例美元：
回报$；；
病例AMD：
返回֏；；
案例摩擦：
返回₽；；
违约：
返回null；
}
}

不太清楚您需要什么，添加更多关于预期结果的信息应该不太清楚您需要什么，添加更多关于预期结果的信息应该是beYes，Android上可能缺少支持。有关详细信息，请参阅。是的，Android上可能缺少支持。有关详细信息，请参阅