Skip to main content
Version: Next

MovableArea

A movable area of the movable-view component.

Reference

Type

ComponentType<MovableAreaProps>

Examples

class App extends Components {
render () {
return (
<MovableArea style='height: 200px; width: 200px; background: red;'>
<MovableView style='height: 50px; width: 50px; background: blue;' direction='all'>The meaning of travel</MovableView>
</MovableArea>
)
}
}

MovableAreaProps

PropertyTypeDefaultRequiredDescription
scaleAreabooleanfalseNoWhen the movable-view inside is set to support two-finger zoom, setting this value modifies the area where the zoom gesture takes effect to the entire movable-area.

Property Support

PropertyWeChat Mini-ProgramH5React Native
MovableAreaProps.scaleArea✔️

API Support

APIWeChat Mini-ProgramH5React Native
MovableArea✔️✔️