2017-05-16 7 views
1

Ich mag ein Bild nehmen mit reagieren-native Bild Picker, ich npm run android Befehl verwenden, sondern als die Anwendung in expo läuft zeigt es diesen Fehler:reagieren nativen Bild Picker showimagepicker

undefined is not an object(evaluating 'imagepickerManager.showimagepicker')

Wie verwende ich Expo-Projekt index.android.js ist nicht im Projekt vorhanden, so react-native run-android Befehl funktioniert nicht.

Kann mir bitte jemand sagen, wie ich diesen Fehler beheben kann?

ERROR

import React, {Component} from 'react'; 
import {Text, View, TouchableOpacity, Image} from 'react-native'; 

// var ImagePicker = require('react-native-image-picker'); 
import * as ImagePicker from 'react-native-image-picker'; 
// More info on all the options is below in the README...just some common use cases shown here 
var options = { 
    title: 'Select Avatar', 
    customButtons: [ 
    {name: 'fb', title: 'Choose Photo from Facebook :'}, 
    ], 
    storageOptions: { 
    skipBackup: true, 
    path: 'images' 
    } 
}; 

export default class App extends Component{ 
    constructor(props){ 
    super(props); 
    this.state={ 
     avatarSource:null 
    } 
    } 
    render(){ 
    let img=this.state.avatarSource == null?null: 
    <Image 
    source={this.state.avatarSource} 
    style={{height:200, width:300}} 
    /> 
    return(
     <View> 
     <Text>Welcome to Image Picker</Text> 
      <TouchableOpacity onPress = {this.show.bind()} > 
      <Text>Load Images</Text> 
      </TouchableOpacity> 
      {img} 
     </View> 
    ) 
    } 
    show(){ 
      ImagePicker.showImagePicker(options, (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 please: ', 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 
      }); 
     } 
     }); 
    } 
} 
+0

verbesserte Formatierung und Grammatik – lukkea

Antwort

0

ich fix gerade diesen Fehler, indem Sie react-native link dann Ihre App wieder aufzubauen. Es sollte wie erwartet funktionieren. :)

0

Ich hatte das gleiche Problem. Und löste es in folgenden Weise -

  1. reagieren-native Verbindung reagieren-native-Bild-Picker
  2. läuft den reagieren-native-run-ios und reagiert-native Lauf android Befehl

More description here

Verwandte Themen