CircleView

CircleView is a circular view.

Code demo

Basic Usage

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

<CircleView radius={30} color="#F9825C" />

CircleView with border

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

<CircleView radius={30} color="#FCDC9D" borderWidth={2} borderColor="#B8B8B8" />

CircleView with embedded custom content

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

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

API

extends ViewProps

tuya01:01