Wie verwende ich ein aufgenommenes Bild mit react native-Kamera

Ich kann das reagieren-native-Kamera - Modul um auf die Kamera zuzugreifen, und speichern Sie ein Bild. Allerdings kann ich nicht herausfinden, wie um dieses Bild für den Benutzer.

Was ich versuche:

Hier nehme ich das Bild. Dies erzeugt, was aussieht, um ein .jpg Datei in assets-library://....

    _takePicture() {
        var self = this;
        this.refs.cam.capture(function(err, data) {
          this.setState({photo: data});
          console.log(err, data);
          //data is "assets-library://asset/asset.JPG?id=########-####-####-####-##########&ext=JPG"
          console.log('just took a picture');
        }); 
    }

Allerdings, Wenn ich versuche zu Rendern des Bildes:

    render: function() {
      return(
         <Image style={styles.image} source={{uri: this.state.photo}}/>
      );
    }

Bekomme ich diesen Fehler:

No suitable image URL loader found for assets-library://asset/asset.JPG?id=.......

Wie kann ich nehmen Sie ein Foto, speichern Sie es auf dem aktuellen state meiner Anwendung, und es Rendern?

InformationsquelleAutor YPCrumble | 2015-10-15
  1. 26

    Lösung zu ermöglichen, die save to disk-option vs. der cameraRoll speichern option:

    <Camera
  captureTarget={Camera.constants.CaptureTarget.disk}
  //Rest of Camera options here
/>
    • Kamera.Konstanten, die kommen {}. Alle Lösungen?
    InformationsquelleAutor YPCrumble
  2. 1

    So, ich war mit dem @YPCrumble Antwort für einige Zeit.

    Aber jetzt habe ich zum speichern der Bilder in meiner camera roll.

    Wenn jemand will, um weiterhin das speichern in der camera roll, Sie manuell zu verknüpfen RTCCameraRoll Bibliothek.

    Dokumentation link library hier:

    https://facebook.github.io/react-native/docs/linking-libraries-ios.html#manual-linking

    Ist es so einfach:

    Finden Sie die RCTImage.xcodeproj in Ihrem
    node_modules/reagieren-native/Bibliotheken/CameraRoll

    Drag-and-drop die Datei in Libraries-Ordner Ihres XCode-Projekts.

    Danach klicken Sie in Ihrem Haupt-Projekt und suchen Sie im rechten Fensterbereich
    "Build-Phasen".

    Innen "Link-Binary Mit Bibliotheken", drag-and-drop die Datei namens
    "libRCTCameraRoll.ein" aus dem linken Bereich -> Bibliotheken ->
    RTCCameraRoll.xcodeproj -> Produkte

    InformationsquelleAutor Luis Antonio Pestana
Schreibe einen Kommentar