UNPKG

react-native-image-pan-zoom

Version:
60 lines (59 loc) 1.75 kB
import * as React from 'react'; import { LayoutChangeEvent } from 'react-native'; import { ICenterOn, ImageZoomProps, ImageZoomState } from './image-zoom.type'; export default class ImageViewer extends React.Component<ImageZoomProps, ImageZoomState> { static defaultProps: ImageZoomProps; state: ImageZoomState; private lastPositionX; private positionX; private animatedPositionX; private lastPositionY; private positionY; private animatedPositionY; private scale; private animatedScale; private zoomLastDistance; private zoomCurrentDistance; private lastTouchStartTime; private horizontalWholeOuterCounter; private swipeDownOffset; private horizontalWholeCounter; private verticalWholeCounter; private centerDiffX; private centerDiffY; private singleClickTimeout; private longPressTimeout; private lastClickTime; private doubleClickX; private doubleClickY; private isDoubleClick; private isLongPress; private isHorizontalWrap; private imagePanResponder; resetScale: () => void; panResponderReleaseResolve: () => void; componentDidMount(): void; componentDidUpdate(prevProps: ImageZoomProps): void; imageDidMove(type: string): void; didCenterOnChange(params: { x: number; y: number; scale: number; duration: number; }, paramsNext: { x: number; y: number; scale: number; duration: number; }): boolean; centerOn(params: ICenterOn): void; /** * 图片区域视图渲染完毕 */ handleLayout(event: LayoutChangeEvent): void; /** * 重置大小和位置 */ reset(): void; render(): React.ReactNode; }