#뷰어 이벤트 처리하기

import { GestureViewer, useGestureViewerEvent } from 'react-native-gesture-image-viewer';

function App() {
  // 기본 인스턴스 (ID: 'default')의 줌 변경 이벤트 구독
  useGestureViewerEvent('zoomChange', (data) => {
    console.log(`줌 변경: ${data.previousScale} → ${data.scale}`);
  });

  // 기본 인스턴스 (ID: 'default')의 회전 변경 이벤트 구독
  useGestureViewerEvent('rotationChange', (data) => {
    console.log(`회전 변경: ${data.previousRotation}° → ${data.rotation}°`);
  });

  // 특정 인스턴스의 이벤트 구독
  useGestureViewerEvent('gallery', 'zoomChange', (data) => {
    console.log(`갤러리 줌: ${data.scale}배`);
  });

  return (
    <GestureViewer
      data={images}
      renderItem={renderImage}
    />
  );
}