RotationView 旋转视图

更新时间:2024-06-05 03:14:34下载pdf

简介

RotationView 旋转视图是封装了需要旋转的动画的视图容器。

代码演示

说明:详细示例参考Demo

您可以通过传入active 属性设置容器是否旋转。

import { RotationView } from "tuya-panel-kit"; <RotationView active={this.state.active}> <View style={styles.wrApperStyle}> <TYText style={{ textAlign: "center" }}>Rotation!!!</TYText> </View> </RotationView>;

交互演示

RotationView 旋转视图

API

style

RotationView的样式。

类型 必传
ViewPropTypes.style

active

是否开启旋转动画。

类型 必传 默认值
bool true

duration

旋转动画一圈的时间, 单位是ms

类型 必传 默认值
number 5000

useNativeDriver

是否使用原生动画驱动。

类型 必传 默认值
bool false

children

RotationView的嵌套子元素。

类型 必传
PropTypes.node