如何以编程方式在react-native中截取屏幕截图

Question

如何在ReactNative中截取屏幕截图.我需要一个截图并将其放入Image组件中.我该怎么办？

Answer 1

有一个库可以做到这一点: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)
);

Answer 2

要捕获当前显示的屏幕，请使用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)
);

此方法将捕获当前显示的屏幕的内容作为本机硬件屏幕截图。它不需要引用输入，因为它在视图级别不起作用。这意味着ScrollViews不会完整捕获-只能捕获用户当前可见的部分。

您可以在这里找到有关图书馆的更多信息react-native-view-shot