MovableArea - 《Taro 文档帮助手册教程》

sidebar_label: MovableArea
类型
示例代码
MovableAreaProps
- API 支持度

title: MovableArea

sidebar_label: MovableArea

movable-view 的可移动区域

支持情况： MovableArea - 图1 MovableArea - 图2 MovableArea - 图3

参考文档

类型

ComponentType<MovableAreaProps>

示例代码

import Tabs from ‘@theme/Tabs’ import TabItem from ‘@theme/TabItem’

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

html
  <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	✔️