灯光动画组件

更新时间：2022-03-07 01:37:56下载pdf

LightAnimate

组件预览图

组件属性

字段名	类型	描述	默认值
type	string	灯光类型	null
lightImg	number	灯图片	null
gradientHeight	number	渐变背景高度	cx(240)
gradientWidth	number	渐变背景宽度	screenWidth
style	StyleProp	组件样式	null
lightImgStyle	StyleProp	灯图片样式	null
duration	number	动画持续时间	1200
config	object	渐变颜色动作配置	{lightTempMinus: ‘#9BCCFF’, lightTempAdd: ‘#F3E7A6’,lightBrightMinus:‘#999999’,lightBrightAdd: ‘#FFFFFF’}
onRelease	function	动画结束回调	null

使用示例

import { LightAnimate } from 'tuya-panel-remote-sdk'
class Index extends Component {
  state = {
    type: null,
  };

  render() {
    const { type } = this.state;
    return (
      <LightAnimate type={type} lightImg={light} onRelease={() => this.setState({ type: '' })} />
    );
  }
}

上一篇卷帘动画组件

下一篇遮罩动画组件