如何使用原生货币符号代码？

Question

这是我的代码

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> 
    ); 
} 

对于美元的情况下，我得到以下。见所附的图像 enter image description here

Answer 1

为什么不用现有的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} /> 

Answer 2

使用<Text />标签...

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; 
    } 
}