首页 > 解决方案 > 如何正确使用 fontawsome 和 react-native

问题描述

我按照这些说明将 fontawsome 添加到我的 react-native 项目中。我可以通过链接中的示例获得一个图标

import { faCoffee } from '@fortawesome/free-solid-svg-icons'

  render() {
    return (
      <View>
        <FontAwesomeIcon icon={ faCoffee } />
      </View>
    )
  }

如何使用其他图标?例如 。我不确定这个图标的名称是什么。我尝试了fadFaHourglass,但显然不起作用。

标签: react-nativefont-awesome

解决方案


尝试使用 react-native-vector-icons

import Icon from 'react-native-vector-icons/FontAwesome';

const myIcon = <Icon name="rocket" size={30} color="#900" />;

在您的代码中使用 myIcon 变量。

参考链接:- https://www.npmjs.com/package/react-native-vector-icons


推荐阅读