如何在 React Native 中使用代码 xf138 的图像？

Question

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

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



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

Answer 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>
  );
},

如何在 React Native 中使用代码 xf138 的图像？

How to use put an image of code xf138 in react native?

unicode

icons

font-family

react-native

touchablehighlight