MovableArea

movable-view 的可移动区域

支持情况：

参考文档

类型

ComponentType<MovableAreaProps>

示例代码

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'>旅行的意义</MovableView>
      </MovableArea>
    )
  }
}

Vue

  <movable-area style='height: 200px; width: 200px; background: red;'>
    <movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>在路上</movable-view>
  </movable-area>

MovableAreaProps

参数	类型	默认值	必填	说明
scaleArea	boolean	false	否	当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个 movable-area

API 支持度

API	微信小程序	百度小程序	支付宝小程序	抖音小程序	QQ 小程序	京东小程序	H5	React Native	Harmony	Harmony hybrid	ASCF元服务
MovableAreaProps.scaleArea	✔️	✔️	✔️	✔️	✔️	✔️	✔️			✔️	✔️