时间戳

首页 > 解决方案 > React Native 自定义字体 HTML 实体

javascript - React Native 自定义字体 HTML 实体

问题描述

我正在使用自定义字体（来自 Flaticon），该字体已经在我的 React Native 应用程序中使用：

<Text style={styles.flaticonText}>&#xf169;</Text> // working

或者

<Text style={styles.flaticonText}>{"\uf169"}</Text> // working

而且我试图从数据库中使它动态化，所以我尝试使用：

<Text style={styles.flaticonText}>{val.icon_code}</Text> // not working

但它显示字符串  而是在屏幕上。我尝试将icon_code数据库中的值更改为 '\f169' 但没有运气，它显示字符串 169 而不是图标。

标签： javascriptreact-nativejsx

解决方案

找到了！它是String.fromCodePoint。因此icon_code，我将数据库中的所有内容都更新为喜欢：'f169' 并使用以下内容进行渲染：

<Text style={styles.flaticonText}>{String.fromCodePoint(parseInt(val.icon_code, 16))}</Text>

感谢这个线程：连接 unicode 和变量。parseInt十六进制 ( ref )的第二个参数是 16。

推荐阅读