Icon 图标组件

渲染字体图标

Icon组件内置了如下样例中展示的字体,并设置了对应的名称,使用时传入name即可。如果传入name不在内置字体中将无法展示,此时需要业务线自己实现相关字体样式。

使用说明

基本用法

import React from 'react';
import { Icon } from '@qnpm/q-theme';

<Icon
    name={'share'}
    size={16}
    color={'#999999'}
    style={{paddingTop: 3}} />

属性说明

属性名类型默认值是否必须说明
namestring''true字体图标名称
sizenumber16false字体图标大小
colorstring''true按钮颜色
styleViewStylenullfalse按钮包裹容器样式
needScalebooleanfalsefalse是否需要缩放
useTextbooleanfalsefalse是否使用Text元素包裹图标,默认使用View包裹
touchablebooleanfalsefalse图标是否可点击
onLayoutFunction() => falseIcononLayout回调
onPressFunction() => false图标点击回调函数
accessibilityPreNamestring''false无障碍标签前缀

Icon名称及描述

;;;