无法读取未定义的react-native-image-picker的属性'launchImageLibrary‘

Question

我的功能提供了一个小图像图标，作为可触摸的图标，使用"react-native-image-picker": "^3.3.2"上传或拍照。

我得到的是error：Cannot read property 'launchImageLibrary' of undefined，和这个GitHub issue一样，但是正如你所看到的，我的代码已经按照他们告诉的那样导入了。

下面是我的完整代码：

import React from 'react';
import {
    StyleSheet,
    Image,
    TouchableOpacity,
    Alert
} from 'react-native';
import { launchImageLibrary } from 'react-native-image-picker';

const ImageUpload: React.FC<any> = ({}) => {

    function showMessage() {
        Alert.alert("Upload image", "Choose a option", [
            {
                text: 'Camera',
                onPress: () => openCamera(),
            },
            {
                text: 'Gallery',
                onPress: () => openLibrary()
            },
        ]);
    }

    const openLibrary = () => {

        const options = {
            storageOptions: {
              skipBackup: true,
              path: 'images',
            },
          };
        launchImageLibrary(options, (response) => {
            console.log(response);
        });

    }

    const openCamera = () => {
        //ongoing
    }

    return(
        <>
            <TouchableOpacity onPress={()=>showMessage()}>
                <Image source={require('./picture.png')} style={{ width: 70, height: 70 }}/>
            </TouchableOpacity>
        </>
     );
};

const style = StyleSheet.create({
    ImageIcon: {
        justifyContent: "center",
        alignItems: "center",
    }

});

export default ImageUpload;

此外，在VS代码中，我在调用launchImageLibrary时出现以下错误：

​

我已经完成了一个npx pod-install。

Answer 1

我花了很长时间才让它工作，但这对我很有效。

​

< Button onPress = {
  () =>
  ImagePicker.launchImageLibrary({
      mediaType: 'photo',
      includeBase64: false,
      maxHeight: 200,
      maxWidth: 200,
    },
    (response) => {
      console.log(response);
      this.setState({
        resourcePath: response
      });
    },
  )
}
title = "Select Image" / >

​

参考文献：

• TypeError: undefined is not an object (evaluating '_reactNativeImagePicker.default.showImagePicker')

Answer 2

import Library as import * as ImagePicker from 'react-native-image-picker';