RotationView

RotationView encapsulates the view container that needs to rotate animation.

Code demo

Round the edge

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

<RotationView style={{ width: 198, height: 198, marginTop: 20 }} active={true}>
  <Image
    style={{
      width: 198,
      height: 198,
      resizeMode: 'contain',
    }}
    source={{
      uri:
        'https://panel-docs.tuyacn.com/assets/rotate-view-3.png',
    }}
  />
</RotationView>

Circle around the center

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

<RotationView style={{ width: 198, height: 198, marginTop: 20 }} active={true}>
  <Image
    style={{
      width: 198,
      height: 198,
      resizeMode: 'contain',
    }}
    source={{
      uri:
        'https://panel-docs.tuyacn.com/assets/rotate-view-4.png',
    }}
  />
</RotationView>

API

tuya01:01