unitText数字单位

UnitText 数字单位

概述

1.0开始加入

对IconFont往上一层封装,显示数字+单位的格式。

代码演示

import React from 'react';
import { View } from 'react-native';
import { UnitText } from 'tuya-panel-kit';

const TYTextDemo = props => (
<View style={styles.wrapper}>
<UnitText valueColor='#333' size={20} value='12' unit='%' unitColor='#333' />
</View>
)

效果图

API

style

包裹unitText的容器样式

类型(Type) 必传(Required)
ViewProptypes.style

value

数字

  • 每个数字为0~1内任意,个数任意。
类型(Type) 必传(Required)
number/string

unit

单位,默认内置以下:

  • celsius
  • fahrenhei
  • % 可传svg的path
类型(Type) 必传(Required)
string

size

每个图标大小

类型(Type) 必传(Required) 默认值
number 96

valueSize

数字图标大小

类型(Type) 必传(Required)
number

unitSize

单位图标大小

类型(Type) 必传(Required)
number

valueColor

数字图标颜色

类型(Type) 必传(Required) 默认值
Color #fff

unitColor

单位图标颜色

类型(Type) 必传(Required) 默认值
Color #fff

unitPaddingLeft

单位左边内边距

类型(Type) 必传(Required)
number

unitPaddingTop

单位上内边距

类型(Type) 必传(Required)
number
400-881-8611