MovableArea

movable-view 的可移动区域

参考文档

类型

  1. ComponentType<MovableAreaProps>

示例代码

  • React
  • Vue
  1. class App extends Components {
  2. render () {
  3. return (
  4. <MovableArea style='height: 200px; width: 200px; background: red;'>
  5. <MovableView style='height: 50px; width: 50px; background: blue;' direction='all'>旅行的意义</MovableView>
  6. </MovableArea>
  7. )
  8. }
  9. }
  1. <movable-area style='height: 200px; width: 200px; background: red;'>
  2. <movable-view style='height: 50px; width: 50px; background: blue;' direction='all'>在路上</movable-view>
  3. </movable-area>

MovableAreaProps

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

API 支持度

API微信小程序H5React Native
MovableAreaProps.scaleArea✔️

API 支持度

API微信小程序H5React Native
MovableArea✔️✔️