Le plugin d'appareil photo Cordova ne fonctionne pas dans le composant js reaction

Question

Je suis en train de créer une application hybride PhoneGap avec rea js et rea-router qui utilise le plugin camera cordova. Je suis en train de tester l'application sur iPhone à l'aide de l'application développeur PhoneGap. Le problème est que la caméra ne s'affiche pas sur le bouton cliquer. Toute aide serait grandement appréciée. Voici le code du composant de l'appareil photo:

import React from 'react'; 
import '../css/poc-form.css'; 
import '../css/POCButton.css'; 

class Camera extends React.Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
     value: '' }; 

     this.takePicture = this.takePicture.bind(this); 
    } 

takePicture(event) { 
     alert('take a picture'); 
     navigator.camera.getPicture(onSuccess, onFail, { 
     quality: 50, 
     destinationType: Camera.DestinationType.DATA_URL, 
     sourceType: Camera.SourceType.CAMERA 
    }); 

    function onSuccess(imageData) { 
     var image = document.getElementById('myImage'); 
     image.src = "data:image/jpeg;base64," + imageData; 
    } 

    function onFail(message) { 
     alert('Failed because: ' + message); 
    } 
    event.preventDefault(); 
} 


render() { 
     return (
     <div> 
      <link rel="stylesheet" type="text/css" href="poc.css"/> 
     <h1>Client ID Scanner</h1> 
      <button id = "takePicture" className = "POCButton" onClick={this.takePicture} >Take Picture</button> 
      <img id = "myImage" ></img> 
     </div> 
    ); 
    } 
    } 
    export default Camera; 

Answer 1

1. Une fois que vous exécutez l'application dans le navigateur puis prendre construire avec build run NPM - -p dans React projet et une fois son get REMPLI construit, s'il vous plaît copiez le dossier www dans votre projet REACT

2.done les éléments suivants https://cordova.apache.org/docs/en/latest/guide/cli/

3.Une vous avez créé l'application de l'échantillon cordova dans Xcode il suffit d'ajouter ce plugin caméra au projet plug-in cordova ajouter cordova-plugin-caméra https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/

4. puis dans le dossier mise en scène de votre application cordova, s'il vous plaît coller le dossier WWW suivant dans le projet cordova

5.then enfin exécuter le projet cordova dans ipod ou idevices.it travaillera.Espérons que cela vous aide