Javascript 反应本机自定义字体HTML实体
我正在使用自定义字体(来自Flaticon),该字体已在我的React本机应用程序中使用以下方式显示自定义字体:Javascript 反应本机自定义字体HTML实体,javascript,react-native,jsx,Javascript,React Native,Jsx,我正在使用自定义字体(来自Flaticon),该字体已在我的React本机应用程序中使用以下方式显示自定义字体: <Text style={styles.flaticonText}></Text> // working ;//工作 或 {“\uf169”}//正在工作 我试图使其从DB动态化,因此我尝试使用: <Text style={styles.flaticonText}>{val.icon_code}</
<Text style={styles.flaticonText}></Text> // working
;//工作
或
{“\uf169”}//正在工作
我试图使其从DB动态化,因此我尝试使用:
<Text style={styles.flaticonText}>{val.icon_code}</Text> // not working
{val.icon\u code}//不工作
但它显示字符串;而是在屏幕上。我已尝试将数据库中的图标\u code
值更改为'\f169',但没有成功,它显示的字符串169不是图标。找到了它!它是。因此,我更新了数据库中的所有图标\u code
,使其类似于:“f169”,并使用以下内容进行渲染:
<Text style={styles.flaticonText}>{String.fromCodePoint(parseInt(val.icon_code, 16))}</Text>
{String.fromCodePoint(parseInt(val.icon_code,16))}
感谢您提供此线程:。对于十六进制(),parseInt的第二个参数是16。找到了!它是。因此,我更新了数据库中的所有图标\u code
,使其类似于:“f169”,并使用以下内容进行渲染:
<Text style={styles.flaticonText}>{String.fromCodePoint(parseInt(val.icon_code, 16))}</Text>
{String.fromCodePoint(parseInt(val.icon_code,16))}
感谢您提供此线程:。parseInt
的第二个参数是16,表示十六进制()。您使用哪种数据库?你使用过编码吗?@Rene-MySQL,utf8(general_-ci)你能发布更多的代码吗?你使用什么样的数据库?你使用过编码吗?@Rene-MySQL,utf8(general\u-ci)你能发布更多的代码吗?