React Native Gesture Image Viewer
가이드
2.x
가이드
한국어
2.x

GestureViewer 상태 추적

GestureViewer는 뷰어의 현재 상태를 추적하는 상태 관리 시스템을 제공합니다. useGestureViewerState 훅을 사용하여 뷰어의 상태를 접근할 수 있습니다.

useGestureViewerState

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

function App() {
  const { currentIndex, totalCount } = useGestureViewerState();

  return (
    <View>
      <GestureViewer
        data={images}
        renderItem={renderImage}
      />
      <View>
        <Text>{`${currentIndex + 1} / ${totalCount}`}</Text>
      </View>
    </View>
  );
}

매개변수

  • id?: string
    • GestureViewer 인스턴스의 ID입니다.
    • 기본값: "default"

API Reference

속성설명타입기본값
currentIndex현재 표시되고 있는 아이템의 인덱스입니다.number0
totalCount전체 아이템의 개수입니다.number0