Appearance

目录

PanEvent ​

平移手势事件。

属性 ​

属性名类型说明示例
typestring事件类型type: 'pan'
statenumber手势状态state: 0 // normal
state: 1 // began
state: 2 // changed
state: 3 // ended
state: 4 // cancelled
timestampnumber时间戳timestamp: 1578973450142
translationObject移动的偏移值（单位：dp或pt）translation: {deltaX : 10, deltaY: 10}

示例 ​


Tenon Vue ​

html
<!-- App.vue -->
<template>
  <view @pan="handlePan">
    <text>Pan Demo</text>
  </view>
</template>
<script>
  export default {
    methods: {
      handlePan(){
        Toast.show('Pan')
      }
    }
  }
</script>

Tenon React ​

jsx
import React from "react"

import Tenon from "@hummer/tenon-react"

function App() {
  function handlePan(){
    Toast.show('Pan')
  }
  return (
    <view onPan={handlePan}>
      <text>Pan Demo</text>
    </view>
  );
}

Tenon.render(<App/>)