如何在本机反应中使用放置代码xf138的图像？答案

【问题标题】：How to use put an image of code xf138 in react native?如何在本机反应中使用放置代码xf138的图像？
【发布时间】：2017-04-28 08:03:23
【问题描述】：

我有一个 TouchableHighlight，在里面，我想在 FontAwesome 中放置一个与 xf138 完全相同的图像，看起来像一个箭头： http://fontawesome.io/icon/chevron-circle-right/

我不知道如何显示它，我尝试在 TouchableHighlight 中使用 Text，但在下面的代码中出现“Unexpected token”错误：



我想知道我应该在myStyle中使用哪个fontFamily，似乎react native的fontFamily中没有FontAwesome。

【问题讨论】：

标签： unicode react-native icons font-family touchablehighlight

【解决方案1】：

你可以在你的项目中包含 react-native-fontawesome 模块，然后就这样使用它（来自https://github.com/entria/react-native-fontawesome）：

import FontAwesome, { Icons } from 'react-native-fontawesome';

...
render() {
  return (
    <View>
      <TouchableHighlight>
        <Text style={{margin: 10, fontSize: 15, textAlign: 'left'}}>
          <FontAwesome>{Icons.chevronLeft}</FontAwesome>
          Text
        </Text>
      </TouchableHighlight>
    </View>
  );
},

【讨论】：