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. }