反応ネイティブカメラのビデオ機能にアクセスするにはどうすればよいですか？

Question

私は反応ネイティブカメラのビデオ機能を動作させようとしていましたが、膨大な数のメソッドを試しましたが、同じエラーが発生し続けました。ここに私のコードです：

class MainCamera extends Component { 
    constructor() { 
    super(); 
    this.render = this.render.bind(this) 
    this.state = { cameraType: Camera.constants.Type.back } 
} 

    render() { 

return (
    <View style={styles.container}> 
    <Camera 
     ref='camera' 
     style={styles.preview} 
     aspect={Camera.constants.Aspect.fill} 
     type={this.state.cameraType} 
     captureMode={Camera.constants.CaptureMode.video} 
     captureAudio={false} 
     target={Camera.constants.CaptureTarget.disk}> 

     <TouchableHighlight 
     onPressIn={this.onPressIn.bind(this)} 
     onPressOut={this.stopVideo.bind(this)}> 
     <Icon name="video-camera" size={40} /> 
     </TouchableHighlight> 
    </Camera> 
    </View> 
); 
    } 

onPressIn() { 
    recordVideo = setTimeout(this.takeVideo.bind(this), 100); 
} 

takeVideo() { 
    this.refs.camera.capture({ 
     target: Camera.constants.CaptureTarget.disk 
    }) 
     .then(data => { 
     console.log(data); 
     }) 
     .catch(err => console.log(err)); 
    } 

stopVideo() { 
    this.refs.camera.stopCapture({}) 
    .then(data => console.log(data)) 
    .catch(err => console.log(err)); 
    } 
} 

私はstopCapture（）メソッドに「.then」約束を使用する場合、私は 『『し、』未定義のプロパティを読み取ることができません』エラーが表示されるが、私は追加しない場合'.then'、何も起こらず、私はデータを受け取っていません。誰か提案はありますか？

Answer 1

takeVideo() { 
    this.refs.camera.capture({ 
     audio: true, 
     mode: Camera.constants.CaptureMode.video, 
     target: Camera.constants.CaptureTarget.disk 
    }) 
     .then((data) => { 
     console.log(data); 
     }) 
     .catch((err) => console.log(err)); 
    } 

stopVideo() { 
    this.refs.camera.stopCapture(); 
} 

stopCapture()機能は約束ではありません。

Answer 2

構文エラー：

then((data) => { 
    console.log(data); 
    }) 

((data)=>{}) should be done instead of (data=>{}). 

Answer 3

古いファイルの不運な損失の後に新しいコンポーネント：

class VideoCamera extends Component { 
    constructor() { 
    super() 
    this.state = { 
     captureMode: Camera.constants.CaptureMode.video, 
     captureAudio: false, 
     captureTarget: Camera.constants.CaptureTarget.cameraRoll, 
    } 
    } 
    render() { 
    return (
     <View style={styles.container}> 
     <Camera 
      aspect={Camera.constants.Aspect.fill} 
      captureAudio={this.state.captureAudio} 
      captureMode={this.state.captureMode} 
      captureTarget={this.state.captureTarget} 
      ref="camera" 
      style={styles.preview} 
     > 
     <TouchableHighlight 
      onPressIn={this._startRecord.bind(this)} 
      onPressOut={this._endVideo.bind(this)} 
     > 
     <Icon 
      name={'video-camera'} 
      size={40} 
      style={styles.recordButton} 
     /> 
      </TouchableHighlight> 
      </Camera> 
     </View> 
     ) 
     } 

    _startRecord() { 
    startVideo = setTimeout(this._recordVideo.bind(this), 50) 
    } 

    _recordVideo() { 
    this.refs.camera.capture({}) 
     .then((data) => console.log(data)) 
     .catch((err) => console.log(err)) 
    } 

    _endVideo() { 
    this.refs.camera.stopCapture() 
    } 

}