Introduction and usage summary of React-Native screenshot component react-native-view-shot

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

 <View ref="shareImageRef">Here is the content to be displayed</View>

// Get the intercepted image link doDownLoadImage = () => {
  captureRef(this.refs.shareImageRef, {
    format: "jpg",
    quality: 0.8
  }).then(
    uri => {

      console.error("Link is:", uri)

    },
    error => {

      console.error("Error message:", error)

    } 
  );
}

// Evolution method, get the intercepted image link and save it to the album doDownLoadImage = () => {
  captureRef(this.refs.shareImageRef, {
    format: "jpg",
    quality: 0.8
  }).then(
    uri => {

      console.error("Link is:", uri)　

      let promise = CameraRoll.saveToCameraRoll(uri);
      promise
      .then((result) => {
        alert('Save successfully!');
      })
      .catch((error) => {
        alert('Save failed!');
      });

    },
    error => {

      console.error("Error message:", error)

    } 
  );
}

// Convert the generated link to base64 and process it into a shareable link doShareImg = () => {
  captureRef(this.refs.shareImageRef, {
    format: "jpg",
    quality: 0.8
  }).then(
    uri => {

      console.error("Link is:", uri)　

        RNFS.readFile(uri, 'base64')
      .then((content) => {

        // The shared poster image address is:

        const link = 'data:image/png;base64,' + content

        console.log("The shared poster image address is" + link)
      })
      .catch((err) => {
        console.log("reading error: " + err);
      });

    },
    error => {

      console.error("Error message:", error)

    } 
  );
}

<View ref="shareImageRef" style={{backgroundColor: 'white'}}>Here is the content to be displayed</View>