web-dev-qa-db-ja.com

プログラムで反応ネイティブのスクリーンショットを撮る方法

React Nativeでスクリーンショットを撮る方法を教えてください。スクリーンショットが必要です。Imageコンポーネントに入れてください。どうすればよいですか？

react-nativescreenshot
11
CoderLim

それを行うためのライブラリがあります： React Native View Shot

import RNViewShot from "react-native-view-shot";

RNViewShot.takeSnapshot(viewRef, {
  format: "jpeg",
  quality: 0.8
})
.then(
  uri => console.log("Image saved to", uri),
  error => console.error("Oops, snapshot failed", error)
);
14
damusnet

現在表示されている画面をキャプチャするには、captureScreen()を使用します。

import { captureScreen } from "react-native-view-shot";

captureScreen({
  format: "jpg",
  quality: 0.8
})
.then(
  uri => console.log("Image saved to", uri),
  error => console.error("Oops, snapshot failed", error)
);

このメソッドは、現在表示されている画面のコンテンツをネイティブのハードウェアスクリーンショットとしてキャプチャします。ビューレベルでは機能しないため、ref入力は必要ありません。つまり、ScrollViewは完全にはキャプチャされず、現在ユーザーに表示されている部分のみがキャプチャされます。

react-native-view-shotライブラリについて詳細を見つけることができます ここ

7
Sarantis Tofas