CircleView 圆形视图

更新时间:2023-10-12 08:00:18下载pdf

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

代码演示

您只需要传入半径数值, 其他样式可以通过style指定。

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

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

详细 Demo 请参见 CircleView Demo

交互演示

CircleView 圆形视图

API

style

CircleView的样式。

类型 必传
ViewPropTypes.style

radius

圆形视图的半径。

类型 必传
number

children

CircleView的嵌套子元素。

类型 必传
PropTypes.node

color

圆形视图的背景色。

类型 必传
ColorPropType

borderColor

圆形视图边框的背景色。

类型 必传
ColorPropType

borderWidth

圆形视图边框的尺寸。

类型 必传
number