如何在React Native中拍摄View的屏幕截图?

时间:2018-09-17 13:01:50

标签: react-native

我想共享特定View组件的屏幕截图,而不是整个屏幕。 任何人都可以帮助我。 看一张照片。想要屏幕组件中红色标记区域的屏幕截图。

1 个答案:

答案 0 :(得分:1)

您可以使用名为react-native-view-shot的库

您只需要将View包装在ViewShot内,对其进行引用并致电capture()

这是从该库获取的代码示例

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

class ExampleCaptureOnMountManually extends Component {
   componentDidMount () {
      this.refs.viewShot.capture().then(uri => {
         console.log("do something with ", uri);
      });
   }
   render() {
       return (
          <ViewShot ref="viewShot" options={{ format: "jpg", quality: 0.9 }}>
               <Text>...Something to rasterize...</Text>
          </ViewShot>
       );
   }
}