RotationView 旋转视图

RotationView 旋转视图

简介

1.0 开始加入

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

何时使用

在一些需要旋转的UI效果中使用,如空净的净化图

代码演示

基础使用

只需要传入active属性,就可以控制容器的旋转与否。

import { RotationView } from 'tuya-rn-kit';

<RotationView active={this.state.active}>
<View style={styles.wrapperStyle}>
<TYText style={{ textAlign: 'center' }}>Rotation!!!</TYText>
</View>
</RotationView>

效果:

API

active

是否开启旋转动画

类型(Type) 必传(Required) 默认值(Default)
bool true

duration

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

类型(Type) 必传(Required) 默认值(Default)
number 5000

useNativeDriver

是否使用原生动画驱动, 一般在安卓低端机上会比较有用

类型(Type) 必传(Required) 默认值(Default)
bool false

style

RotationView的样式

类型(Type) 必传(Required)
ViewProptypes.style

children

RotationView的嵌套子元素

类型(Type) 必传(Required)
PropTypes.node
400-881-8611