inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

iOS/Android 앱 개발을 위한 실전 React Native - Basic

카메라 & 이미지 갤러리 사용하기

TypeError : undefined is not an object(evaluating ‘_reactNative ImagePicker.default.showImagePicker’)

806

이동렬

작성한 질문수 1

0

안녕하세요. 강의 잘 듣고 있습니다.

Window 10 환경에서  Android 개발하고 있는데

이번 강의에서 

import ImagePicker from 'react-native-image-picker';

하고 난 후

launchCamera, launchImageLibrary가 사용이 안되서

import {launchCameralaunchImageLibraryfrom 'react-native-image-picker';

이렇게 별도로 import 한 후에 사용했더니 잘됩니다.

문제는 

import {showImagePickerfrom 'react-native-image-picker';

해서 사용해도 안되고

import ImagePicker from 'react-native-image-picker';

해서 

ImagePicker.showImagePicker({
      title : 'Choose your photo',
      takePhotoButtonTitle : 'Take a pretty one',
      chooseFromLibraryButtonTitle : 'Show a pretty one',
      cancelButtonTitle : 'Just go back'
    }, response=>{
      this.setState({
        avatar : response.uri
      })
   })

이렇게 사용하면 

TypeError : undefined is not an object(evaluating ‘_reactNative ImagePicker.default.showImagePicker’)

와 같은 에러 메시지가 나옵니다.

해결 방법이 없을까요?

몇시간 째 구글링해도 안나오더라구요

imagepicker showImagePicker es6 react-native react

답변 1

1

Wintho

이동렬님,

안녕하세요지식공유자 Wintho 입니다.

해당 질문에 답변 드립니다.

 

react native image picker에 update가 있었습니다..

=> https://www.npmjs.com/package/react-native-image-picker

1. 설치방법

   $ npm install --save react-native-image-picker

   $ cd ios

   $ pod install

   

2. import 방법

import {launchCamera, launchImageLibrary} from 'react-native-image-picker';

 3. 사용방법

   3-1. 카메라 기동으로 사진/영상 촬영

launchCamera(options?, callback);

  3-2. 기본 사진/영상(이미지 갤러리/사진첩)에서 불러오기

launchImageLibrary(options?, callback)

4. 예시

  selectImage라는 함수에서 갤러리/사진첩에서 사진을 불러온 후,

  image라는 state값에 선택한 이미지의 로컬 디렉토리를 업데이트 시키는 예시입니다.

그리고 혹시, image picker install 후에 안드로이드에서 build error가 발생한다면,

android > build.gradle

buildscript > ext > minSdkVersion 을 21로 바꿔보시기 바랍니다.

감사합니.

강의 자료 소스코드는 없나요?

0

318

1

RN 자동완성 기능 질문

0

306

1

환경변수 및 SOURCE관련 질문

0

284

1

글로벌로 설치한다는 게 무슨 말인가요? (-g)

0

310

1

VIsual studio code 에서 react-native run-android 실행시 오류

0

838

2

리액트 네이티브에서 안드로이드 실행

0

556

1

vscode

0

402

2

안드로이드 에뮬레이터 에러...

0

961

1

웹뷰앱 만드는 자세한 방법이 궁금합니다.

0

421

0

App.js 화면 수정 시 안드로이드 emulator 오류

0

338

0

2

0

229

1

ios 구동했을 때 Welcome to React가 아니라 애플

0

469

1

1

0

201

0

진행중 막혀서 질문드립니다

0

373

0

drawer 파트

0

281

0

node.js 설치 오류

0

432

0

vs code 터미널에서의 command not found

0

1555

1

node js 10.15.1 설치가 안됩니다

0

302

0

Unable to boot device in current state: Booted 오류 발생하는경우

1

3181

0

adb 커맨드

1

524

1

Slider만 설치하면 애러가 납니다.

0

306

1

bounces 와 버튼 backgroundColor은 안드로이드에서 적용이 안되는건가요?

0

215

0

오류확인 부탁드립니다.

0

306

0

안드로이드 시뮬 작동 중 오류가 납니다.

0

232

0