Question

现在，我正在尝试在Expo上的React Native App中使用FontAwesome。

我遵循了有关如何通过Expo on Expo文档使用自定义字体的流程，但是这些图标不起作用，我看不到任何字体。

幸运的是，除了警告我没有其他错误。

这是我的以下代码。请教我。

谢谢。

import { Font } from 'expo';

import { fontAwesome } from '../../assets/fonts/fa-solid-900.ttf';


class Help extends React.Component {
 state = {
  fontLoaded: false,
 };

 async componentDidMount() {
  await Font.loadAsync({
   FontAwesome: fontAwesome,
 });

 this.setState({ fontLoaded: true });
 }

 renderHelpLists() {
  return HelpLists.map((value, index) => {
   return (
     <TouchableOpacity
      key={index}
      style={styles.helpListsBox}
     >
      <Text style={styles.helpListText}>
        {value.name}
      </Text>
      {
        this.state.fontLoaded ? (
          <Text style={styles.rightIcon}>
            {'\f054'}
          </Text>
        ) : null
      }
     </TouchableOpacity>
   );
  });
 }


 const styles=Stylesheet.create({
  rightIcon: {
   fontFamily: 'FontAwesome',
  },
 })

Answer 1

我还不熟悉通过在React Native中导入TTF文件来使用Font Awesome。

但是，您可以尝试使用Font Awesome React Native组件吗？

请参见https://github.com/fortawesome/react-native-fontawesome

Answer 2

我通过“ react-native-vector-icons / FonteAwesome”中的导入图标解决了这个问题。

但是我不确定如何使用Expo-Icons。

我收到警告，无法在Expo上的React Native中使用FontAwesome

2 个答案: