推窗器动画组件

更新时间：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}/>; 
  } 
}

上一篇窗帘动画组件

下一篇卷帘动画组件