React Native View Shot

screenshot of React Native View Shot
gre
Bygre
react-native

React Native View Shot

Snapshot a React Native view and save it to an image

Overview:

The react-native-view-shot library allows users to capture a React Native view to an image. It provides both a high-level API with props like children and captureMode, as well as a lower-level imperative API with functions like captureRef() and releaseCapture(). Users can manipulate the captured image with options like fileName, width, height, format, and quality.

Features:

  • Capture Custom Views: Easily capture React Native views to images.
  • Flexible Capture Modes: Choose between mount, continuous, or update modes for capturing the view.
  • High-Level API: Includes props like children, options, onCapture, and onCaptureFailure.
  • Low-Level Imperative API: Use functions like captureRef() to capture specific views with customizable options.
  • Release Captured URIs: Easily release previously captured URIs, managing resources efficiently.
  • Adjustable Image Settings: Set options like fileName, width, height, format, quality, and result for the captured image.
  • Control Snapshot Behavior: Determine snapshot behavior with snapshotContentContainer and useRenderInContext on iOS.
  • Cross-Platform Compatibility: Works on Android and iOS platforms.
react-native
React Native

React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.