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

如何解决无法读取未定义的 react-native-image-picker 的属性“launchImageLibrary”

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

我收到错误：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 Code 中，调用 launchImageLibrary 时出现此错误：

我已经执行了npx pod-install。

解决方法

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