2017-12-15 11 views
0
var ImagePicker = require('react-native-image-picker'); 
call() { 
    var options = { 
     title: 'Select Avatar', 
     customButtons: [ 
     {name: 'fb', title: 'Choose Photo from Facebook'}, 
     ], 
     storageOptions: { 
     skipBackup: true, 
     path: 'images' 
     } 
    }; 
     ImagePicker.showImagePicker(options, (response) => { 
     console.log('Response = ', response); 

     if (response.didCancel) { 
     console.log('User cancelled image picker'); 
     } 
     else if (response.error) { 
     console.log('ImagePicker Error: ', response.error); 
     } 
     else if (response.customButton) { 
     console.log('User tapped custom button: ', response.customButton); 
     } 
     else { 
     let source = { uri: response.uri }; 

     // You can also display the image using data: 
     // let source = { uri: 'data:image/jpeg;base64,' + response.data }; 

     this.setState({ 
      avatarSource: source 
     }); 
     } 
    }); 
    } 

私はrender onClickからこの関数を呼び出します。私はは未定義です(ImagePickerManager.showImagePickerを評価しています)

[email protected]

を使用しています。しかし、それは未定義のオブジェクトのエラーではありません私に与えています。また、画像を選択するために電話ギャラリーにリンクする方法を教えてください。私に解決策を教えてください enter image description here

+1

あなたが反応するネイティブ実行のAndroidを実行したのですか? – challenger

+0

私はしませんでした。しかし、今私が**反応したネイティブランアンドロイド**を実行したときに動作しています。ありがとうございました。あなたはまた電話ギャラリーにそれをリンクする方法を教えてもいいですか? –

+0

それはアンドロイドで動作していますが、IOSでは次のエラーがあります - **未定義のプロパティ 'showImagePicker'を読み取ることができません** –

答えて

0

まず、モジュールをリンクする必要があります。

アンドロイド/アプリ/ build.gradle:compile project(':react-native-image-picker')

アンドロイド/ setting.gradle:

react-native link react-native-image-picker 

はその後、ファイルの下にチェック

include ':react-native-image-picker' 
project(':react-native-image-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-picker/android') 

アンドロイド/アプリ/のsrc/.. ../MainApplication enter image description here

問題はここにある:あなたはネイティブのAndroidのコードを追加した後

https://github.com/react-community/react-native-image-picker/issues/414#issuecomment-265060406

+0

ありがとう@DennisFrea。この問題は** react-native run-android **コマンドを実行したときに解決されました –

関連する問題