CircleView 圆形视图

CircleView 为圆形视图。

代码演示

基础展示

import { CircleView } from 'tuya-panel-kit'
<CircleView radius={30} color="#F9825C" />

带边框的圆形视图

import { CircleView } from 'tuya-panel-kit'
<CircleView radius={30} color="#FCDC9D" borderWidth={2} borderColor="#B8B8B8" />

内嵌自定义内容的圆形视图

import { CircleView } from 'tuya-panel-kit'
<CircleView
radius={50}
color="#F98553"
style={{ alignItems: 'center', justifyContent: 'center' }}
>
<IconFont name="edit" size={24} />
</CircleView>

API

继承自 ViewProps

tuya02:55