title: MovableView

sidebar_label: MovableView

可移动的视图容器,在页面中可以拖拽滑动

组件 支持度

微信小程序 H5 ReactNative
✔️ x x

小程序全部支持,属性参考movable-view。属性值请改写为驼峰式命名。

  1. import Taro, { Component } from '@tarojs/taro'
  2. // 引入 MovableArea, MovableView 组件
  3. import { MovableArea, MovableView } from '@tarojs/components'
  4. class App extends Components {
  5. render () {
  6. return (
  7. <MovableArea style='height: 200px; width: 200px; background: red;'>
  8. <MovableView style='height: 50px; width: 50px; background: blue;' direction='all'></MovableView>
  9. </MovableArea>
  10. )
  11. }
  12. }