Font Awesome & Unicode & Variable в 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

Вместо

let icon2 = "";

вам нужно определить его как:

let icon2 = "\uf0e8";

В javascript вам нужно определять символы Юникода с "\u", когда вы присваиваете переменную,Поэтому он может правильно распознавать и анализировать символы Юникода.

Отредактировано для вашего вопроса в вашем комментарии;

Ваши значки шестнадцатеричные.Таким образом, мы можем удалить первые 3 символа из значка.После этого мы анализируем это значение Юникода как целое число и можем преобразовать в строку Юникода с помощью String.fromCharCode.

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