React-Native 中的 Font Awesome & Unicode & Variable

Question

我想在我的应用程序中显示 fontAwesome 图标。

我可以这样显示字符串类型的图标：

<Text style={{fontFamily: 'fontAwesome'}}>&#xf0e8;</Text> 打印图标。工作顺利。

但是我需要像这样显示带有变量的图标：

let icon2 = "";
<Text style={{fontFamily: 'fontAwesome'}}>{icon}</Text>

然后打印到屏幕而不是图标。

世博小吃分享给大家link。您可以轻松地尝试一下。

https://snack.expo.io/@wyrustaaruz/Zm9udG

Answer 1

而不是

let icon2 = "";

您需要将其定义为；

let icon2 = "\uf0e8";

在javascript中，赋值给变量时需要用"\u"定义unicode字符。所以它可以正确识别和解析unicode字符。

针对您在评论中的问题进行了编辑；

您的图标是十六进制的。所以我们可以从图标中删除前 3 个字符。之后，我们将该 unicode 值解析为整数，我们可以转换为 String.fromCharCode.

的 unicode 字符串

icon2 = icon2.substr(3);
icon2 = String.fromCharCode(parseInt(icon2, 16));