Einführung und Verwendungsübersicht der React-Native-Screenshot-Komponente react-native-view-shot

importiere { captureRef } von „react-native-view-shot“;

 <View ref="shareImageRef">Hier ist der anzuzeigende Inhalt</View>

// Den abgefangenen Bildlink abrufen doDownLoadImage = () => {
  captureRef(diese.refs.shareImageRef, {
    Format: "jpg",
    Qualität: 0,8
  }).Dann(
    uri => {

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

    },
    Fehler => {

      console.error("Fehlermeldung:", Fehler)

    } 
  );
}

// Evolution-Methode, hole den abgefangenen Bildlink und speichere ihn im Album doDownLoadImage = () => {
  captureRef(diese.refs.shareImageRef, {
    Format: "jpg",
    Qualität: 0,8
  }).Dann(
    uri => {

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

      lass versprechen = CameraRoll.saveToCameraRoll(uri);
      versprechen
      .then((Ergebnis) => {
        alert('Erfolgreich gespeichert!');
      })
      .catch((Fehler) => {
        alert('Speichern fehlgeschlagen!');
      });

    },
    Fehler => {

      console.error("Fehlermeldung:", Fehler)

    } 
  );
}

// Konvertiere den generierten Link in Base64 und verarbeite ihn in einen teilbaren Link. doShareImg = () => {
  captureRef(diese.refs.shareImageRef, {
    Format: "jpg",
    Qualität: 0,8
  }).Dann(
    uri => {

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

        RNFS.readFile(uri, "base64")
      .then((Inhalt) => {

        // Die Adresse des freigegebenen Posterbildes lautet:

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

        console.log("Die Adresse des freigegebenen Posterbilds lautet" + Link)
      })
      .catch((err) => {
        console.log("Lesefehler: " + err);
      });

    },
    Fehler => {

      console.error("Fehlermeldung:", Fehler)

    } 
  );
}

<View ref="shareImageRef" style={{backgroundColor: 'white'}}>Hier ist der anzuzeigende Inhalt</View>