반응 네이티브 카메라로 사진 찍기

피에르 샤 르펜 티에

내 앱에서 react-native-camera 모듈을 사용합니다. 예제에서는 모두 괜찮습니다. 내 문제는 다른 페이지에 내 이미지를 표시하는 것입니다. 이것은 내 코드입니다.

'use strict';

var React = require('react-native');
var styles = require('./common/styles.js');

var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  TouchableHighlight,
  TouchableOpacity,
  Navigator,
} = React;

var Camera = require('react-native-camera'); //require the camera component
var capturedBase64='';
var PageCamera = React.createClass({
    getInitialState: function() {
        return ({
            capturedBase64: '',
            type: Camera.constants.Type.back
        });
    },

    switchCamera: function() {
        this.setState({ type: this.state.type === Camera.constants.Type.back ? Camera.constants.Type.front : Camera.constants.Type.back });
    },

    render(){
      var component = this;
      return (
    <View style={styles.parent}>
        <View style={styles.container}>
          <Camera style={styles.camera} ref="cam" type={this.state.type} captureTarget={Camera.constants.CaptureTarget.memory}></Camera>
          <TouchableHighlight style={styles.captureButton} onPress={() => {component.refs.cam.capture({ sampleSize: 10 }).then(function(capturedBase64) {
                component.setState({ capturedBase64 })});}}>
            <Text style={{textAlign: 'center'}}>Capture</Text>
          </TouchableHighlight>
          <TouchableHighlight style={styles.switchButton} onPress={this.switchCamera}>
            <Text style={{textAlign: 'center'}}>Switch</Text>
          </TouchableHighlight>
        </View>
        <View style={styles.navigation_bar_bas}>
        <TouchableHighlight style={styles.buttonNavigation} onPress={ () => this.props.navigator.push({id: 'PersonPage', sceneConfig: Navigator.SceneConfigs.FloatFromLeft, img:capturedBase64, page:'camera'})}>
          <Text style={styles.item_text}>Précédent</Text>
        </TouchableHighlight>
        <TouchableHighlight style={styles.buttonNavigation}>
          <Text style={styles.item_text}></Text>
        </TouchableHighlight>
        </View>
    </View>
    );
    }
});

module.exports = PageCamera;

추가하면 내 이미지를 표시 할 수 있습니다.

 <Image>

, 예를 들어, 대상을 cameraRoll로 변경하면 갤러리에서 내 이미지를 찾을 수 있습니다. 내 이미지를 다른 페이지 (PersonPage)로 보내고 싶습니다. 지금 '메모리'로 가능하다면? 'cameraRoll'을 사용할 수 있습니까 (cameraRoll 모듈은 Android 용 오픈 소스가 아닙니다 ..)?

당신의 도움을 주셔서 감사합니다.

네 시우

문서 에 따르면 memory대상은 더 이상 사용되지 않습니다.

당신이 사용하는 경우 disk대상을 대신 cameraRoll당신은 링크를 같이 주어집니다 :/Users/user/Library/Developer/CoreSimulator/Devices/XXXXXXX-09F8-4DC2-XXXA-69E79B6XXX45/data/Containers/Data/Application/41424B58-XXXX-40AF-989C-3E877116XXXX/Documents/XXXXC461-6870-4B73-XXXX-D875E8985533.jpg

이 링크를 태그 uri에서 일반 매개 변수로 사용하세요 image.

<Image source={{uri: this.props.linkFromPreviousScene}}/>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Android 카메라로 찍은 이상한 크기의 사진

분류에서Dev

웹 사이트에 "카메라로 사진 찍기"기능 추가

분류에서Dev

반응 네이티브 카메라를 사용하여 사진을 캡처하는 방법

분류에서Dev

안드로이드에서 반응 네이티브 업로드 사진

분류에서Dev

팬 응답기로 네이티브 부분 모달 반응

분류에서Dev

검정색으로 채워진 네이티브 SVG 반응

분류에서Dev

반응 네이티브 선택기 사용

분류에서Dev

Typescript로 네이티브 배열 표기법 반응하기

분류에서Dev

반응 네이티브 매핑으로 선택기 채우기

분류에서Dev

Redux로 네이티브 반응-예기치 않은 토큰

분류에서Dev

네이티브 기반으로 네이티브 반응 (예기치 않은 토큰 오류)

분류에서Dev

여러 객체로 네이티브 후크 사용에 반응

분류에서Dev

반응 네이티브에서 firebase 클라우드 기능을 사용하는 엑스포 푸시 알림

분류에서Dev

반응 네이티브 액세스 전화 카메라

분류에서Dev

카메라로 찍은 사진의 URI 가져 오기

분류에서Dev

메시지를 사라지게합니다. 네이티브 반응

분류에서Dev

메뉴를 다른 장면으로 클릭 할 때 네이티브 플럭스 자동 닫기 사이드 메뉴 드로어에 반응

분류에서Dev

네이티브 useState 동기화 반응

분류에서Dev

네이티브 내보내기 반응

분류에서Dev

TextInput onfocus를 기반으로 네이티브 렌더링 구성 요소 반응

분류에서Dev

네이티브 라우팅 반응

분류에서Dev

반응 네이티브 만들기 상태 표시 줄 애니메이션

분류에서Dev

'diffClamp'를 사용하는 반응 네이티브 맞춤 슬라이더

분류에서Dev

객체로 네이티브 setState 반응

분류에서Dev

열로 네이티브 SectionList 반응

분류에서Dev

뒤로 키 반응 네이티브 Android

분류에서Dev

이미지 업로드 후 반응 네이티브에서 downloadURL 가져 오기

분류에서Dev

네이티브 라이브러리 모듈에 반응하기 위해 타사 SDK (여러 .framework 파일)를 추가하는 방법은 무엇입니까?

분류에서Dev

반응 네이티브에 curl 명령을 사용하여 API 가져 오기

Related 관련 기사

  1. 1

    Android 카메라로 찍은 이상한 크기의 사진

  2. 2

    웹 사이트에 "카메라로 사진 찍기"기능 추가

  3. 3

    반응 네이티브 카메라를 사용하여 사진을 캡처하는 방법

  4. 4

    안드로이드에서 반응 네이티브 업로드 사진

  5. 5

    팬 응답기로 네이티브 부분 모달 반응

  6. 6

    검정색으로 채워진 네이티브 SVG 반응

  7. 7

    반응 네이티브 선택기 사용

  8. 8

    Typescript로 네이티브 배열 표기법 반응하기

  9. 9

    반응 네이티브 매핑으로 선택기 채우기

  10. 10

    Redux로 네이티브 반응-예기치 않은 토큰

  11. 11

    네이티브 기반으로 네이티브 반응 (예기치 않은 토큰 오류)

  12. 12

    여러 객체로 네이티브 후크 사용에 반응

  13. 13

    반응 네이티브에서 firebase 클라우드 기능을 사용하는 엑스포 푸시 알림

  14. 14

    반응 네이티브 액세스 전화 카메라

  15. 15

    카메라로 찍은 사진의 URI 가져 오기

  16. 16

    메시지를 사라지게합니다. 네이티브 반응

  17. 17

    메뉴를 다른 장면으로 클릭 할 때 네이티브 플럭스 자동 닫기 사이드 메뉴 드로어에 반응

  18. 18

    네이티브 useState 동기화 반응

  19. 19

    네이티브 내보내기 반응

  20. 20

    TextInput onfocus를 기반으로 네이티브 렌더링 구성 요소 반응

  21. 21

    네이티브 라우팅 반응

  22. 22

    반응 네이티브 만들기 상태 표시 줄 애니메이션

  23. 23

    'diffClamp'를 사용하는 반응 네이티브 맞춤 슬라이더

  24. 24

    객체로 네이티브 setState 반응

  25. 25

    열로 네이티브 SectionList 반응

  26. 26

    뒤로 키 반응 네이티브 Android

  27. 27

    이미지 업로드 후 반응 네이티브에서 downloadURL 가져 오기

  28. 28

    네이티브 라이브러리 모듈에 반응하기 위해 타사 SDK (여러 .framework 파일)를 추가하는 방법은 무엇입니까?

  29. 29

    반응 네이티브에 curl 명령을 사용하여 API 가져 오기

뜨겁다태그

보관