渲染字体图标
Icon
组件内置了如下样例中展示的字体,并设置了对应的名称,使用时传入name
即可。如果传入name
不在内置字体中将无法展示,此时需要业务线自己实现相关字体样式。
import React from 'react';
import { Icon } from '@qnpm/q-theme';
<Icon
name={'share'}
size={16}
color={'#999999'}
style={{paddingTop: 3}} />
属性名 | 类型 | 默认值 | 是否必须 | 说明 |
---|---|---|---|---|
name | string | '' | true | 字体图标名称 |
size | number | 16 | false | 字体图标大小 |
color | string | '' | true | 按钮颜色 |
style | ViewStyle | null | false | 按钮包裹容器样式 |
needScale | boolean | false | false | 是否需要缩放 |
useText | boolean | false | false | 是否使用Text 元素包裹图标,默认使用View 包裹 |
touchable | boolean | false | false | 图标是否可点击 |
onLayout | Function | () => | false | Icon 的onLayout 回调 |
onPress | Function | () => | false | 图标点击回调函数 |
accessibilityPreName | string | '' | false | 无障碍标签前缀 |
Icon
名称及描述