介绍
react-native-iconfont-pmo 是一款 React Native 中使用阿里云 Iconfont 的组件库，可以方便的使用图标字体。本教程将介绍如何使用该库。
安装
使用 npm 安装 react-native-iconfont-pmo：
npm install react-native-iconfont-pmo
使用
react-native-iconfont-pmo 包含两个主要的组件：Icon 和 Button。
Icon
Icon 组件用来显示图标，可以指定图标的名称、大小、颜色等属性。
import { Icon } from 'react-native-iconfont-pmo';
// 在 render 方法中使用 Icon 组件
<Icon name='icon-name' size={20} color="#333" />在示例中，name 属性指定显示的图标名称，size 属性指定图标大小，color 属性指定图标颜色。
Button
Button 组件用来显示一个带有图标的按钮。
-- -------------------- ---- ------- ------ - ------ - ---- ---------------------------- -- - ------ ----- ------ -- ------- ---------------- ------------- ------------- ------ ----------- -- - ------------------- --------- -- --
在示例中，icon 属性指定按钮图标名称，iconSize 属性指定按钮图标大小，title 属性指定按钮标题，onPress 属性指定按钮被点击后的回调函数。
属性
Icon 和 Button 组件都支持以下属性：
name：(string) 图标名称size：(number) 图标大小color：(string) 图标颜色icon：(string) 按钮图标名称iconSize：(number) 按钮图标大小title：(string) 按钮标题onPress：(function) 按钮被点击后的回调函数
示例
以下示例演示了如何使用 Icon 和 Button 组件。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ---- - ---- ---------------
------ - ----- ------ - ---- ----------------------------
----- ----------- - -- -- -
------ -
------
----- ---------------- --------- ------------ --
-------
----------------
-------------
------------- ------
----------- -- - ------------------- --------- --
--
-------
--
--
------ ------- ------------总结
通过本教程你了解了如何使用 react-native-iconfont-pmo 包，包含 Icon 和 Button 两个组件的基本用法和属性使用。希望本教程对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f92238a385564ab6ffc