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库here

的更多

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

2 个答案: