Panscale
React Native

API

ScalerView

<ScalerView
  contentWidth={number}
  contentHeight={number}
  options?: Partial<ScalerOptions>
  onValuesChange?: (values: ScalerValues) => void
  style?: ViewStyle
>
  {children}
</ScalerView>

Components

  • <ZoomControls> — +/- zoom buttons
  • <ResetButton> — Reset zoom to 1:1

createNativeAdapter

function createNativeAdapter(scaler: Scaler): PanResponderInstance

Low-level adapter mapping PanResponder gestures to Panscale's touch API.

React Native

React Native adapter for @panscale/core with Animated transforms.

Getting Started

Getting started with @panscale/react-native.

On this page

APIScalerViewComponentscreateNativeAdapter