Window Pusher Animation

Last Updated on : 2022-03-07 01:37:55download

PusherAnimate

Preview

Properties

Field name	Type	Description	Default value
style	StyleProp	The style of the component.	null
width	number	The stroke width of the window pusher.	250
height	number	The stroke height of the window pusher.	280
windowWidth	number	The width of the window.	230
windowHeight	number	The height of the window.	257
studdleOffset	number	The height difference between the support rod and the bottom of the window.	0
rodBottom	string	The bottom of the rod.	null
rodTop	string	The image of the top for the rod.	null
range	array	The range of the window opening angle. Valid values: `0` to `90`.	[0,30]
type	string	The type of animation. Valid values: `close` `open` `pause`	null
borderImage	string	The image of the window border.	null
borderImageStyle	StyleProp	The style of the border image for the window.	null
windowImage	string	The image of the window.	null
windowImageStyle	StyleProp	The style of the window image.	null

Example

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

// Image available
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'
// No image available
class PusherAnimate extends Component { 
  render() { 
    return <PusherAnimate type={null}/>; 
  } 
}

Prev DocCurtains Animation

Next DocCurtain Roller Animation