CircleView 圆形视图

CircleView 圆形视图

简介

1.0 开始加入

CircleView封装了需要使用圆形视图容器的场景

何时使用

需要圆形容器的时候

代码演示

基础使用

只需要传入半径即可, 其他样式可以通过style来指定

import { CircleView } from 'tuya-panel-kit';

<CircleView radius={this.state.radius} color="red">
<View />
</CircleView>

效果图:

API

radius

圆形视图的半径

类型(Type) 必传(Required)
number

style

CircleView的样式

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

children

CircleView的嵌套子元素

类型(Type) 必传(Required)
PropTypes.node

color

圆形视图的背景色

类型(Type) 必传(Required)
ColorPropType

borderColor

圆形视图边框的背景色

类型(Type) 必传(Required)
ColorPropType

borderWidth

圆形视图边框的尺寸

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