字体真棒＆Unicode＆React-Native中的变量

Question

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

我可以使用如下字符串类型的图标显示

：

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

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

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

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

我与您分享世博小吃链接。您可以轻松尝试。

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

Answer 1

代替

:Lion

您需要将其定义为；

let icon2 = "";

在javascript中，当您将其分配给变量时，需要使用let icon2 = "\uf0e8"; 定义Unicode字符。这样就可以正确识别和解析unicode字符。

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

您的图标为十六进制。因此我们可以从图标中删除前3个字符。之后，我们将该unicode值解析为整数，然后可以转换为  由"\u"组成的unicode字符串。

String.fromCharCode