推窗器动画组件

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

PusherAnimate

组件预览图

推窗器动画组件

组件属性

字段名 类型 描述 默认值
style StyleProp 组件样式 null
width number 推窗器边框宽度 250
height number 推窗器边框高度 280
windowWidth number 窗户宽度 230
windowHeight number 窗户高度 257
studdleOffset number 支撑杆与窗户底部高度差 0
rodBottom string 支撑杆主杆图片 null
rodTop string 支撑杆顶部图片 null
range array 窗户打开的最大最小角度,范围:0-90 [0,30]
type string 动画状态,共三种:‘close’,‘open’,‘pause’ null
borderImage string 窗户边框图片 null
borderImageStyle StyleProp 窗户边框图片样式 null
windowImage string 窗户图片 null
windowImageStyle StyleProp 窗户图片样式 null

使用示例

import { PusherAnimate } from 'tuya-panel-remote-sdk'
import Res from './res';
const { border, window, holderTop, holderBottom } = Res;

//有图片
class PusherAnimate extends Component { 
  render() { 
    return  <PusherAnimate
              borderImage={border}
              windowImage={window}
              type={null}
              studdleOffset={cx(4)}
              rodTop={holderTop}
              rodBottom={holderBottom}
              style={{ backgroundColor: '#ccc', borderRadius: 8 }}
            />; 
  } 
}
import { PusherAnimate } from 'tuya-panel-remote-sdk'
//无图片
class PusherAnimate extends Component { 
  render() { 
    return <PusherAnimate type={null}/>; 
  } 
}