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	微信小程序	H5	React Native
MovableAreaProps.scaleArea	✔️

API 支持度

API	微信小程序	H5	React Native
MovableArea	✔️		✔️