MovableArea

A movable area of the movable-view component.

Reference

Type

ComponentType<MovableAreaProps>

Examples

React

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>
    )
  }
}

Vue

  <movable-area style='height: 200px; width: 200px; background: red;'>
    <movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>On the road</movable-view>
  </movable-area>

MovableAreaProps

Property	Type	Default	Required	Description
scaleArea	boolean	false	No	When 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

Property	WeChat Mini-Program	H5	React Native
MovableAreaProps.scaleArea	✔️

API Support

API	WeChat Mini-Program	H5	React Native
MovableArea	✔️		✔️