無法讀取未定義的 react-native-image-picker 的屬性“launchImageLibrary”

Question

我的功能提供了一個小圖像圖標作為可觸摸的上傳或拍照，使用"react-native-image-picker": "^3.3.2" 。

我收到錯誤： Cannot read property 'launchImageLibrary' of undefined ，與此GitHub 問題相同，但如您所見，我的代碼已經按照他們的指示進行了導入。

這是我的完整代碼：

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 npx pod-install 。

Answer 1

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

Answer 2

我花了很長時間才讓它工作，但這對我有用。

 < 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（評估'_reactNativeImagePicker.default.showImagePicker'）

Answer 3

將 import ImagePicker from 'react-native-image-picker' 替換為 import {launchImageLibrary} from 'react-native-image-picker' 對我有效