為什么 react-native-image-picker 的 showImagePicker 在 React Native 中未定義？

Question

目前我正在通過終端和 Atom 編輯器運行我的 React Native 項目。 我正在嘗試使用https://github.com/marcshilling/react-native-image-picker 中的rect-native-image-picker 並按照說明進行安裝： npm install react-native-image-picker@latest --save

我的dependencies顯示： "react-native-image-picker": "^0.22.8"

然后我嘗試按照確切的示例進行操作，但是當我按下按鈕選擇圖像時， ImagePicker.showImagePicker(options, (response) => {...})仍然出現錯誤： Cannot read property 'showImagePicker' of undefined

所以我console.log(ImagePicker) of import ImagePicker from 'react-native-image-picker' ，這正是它在來自 react-native-image- import ImagePicker from 'react-native-image-picker'的示例項目中的實現方式，它記錄了：

所以我克隆了 Example 項目和console.log(ImagePicker)它顯示：

我開始相信問題在於我沒有獲得我應該獲得的功能，例如launchCamera和launchImageLibrary 。 我似乎無法弄清楚為什么。 我可能遺漏了什么或做錯了什么？

Answer 1

您使用什么版本的 RN 和 iOS？ 如果您確定將 np​​m 包與本機代碼（ rnpm link ） rnpm link ，您可以嘗試在<dict>標簽之間添加到您的Info.plist （右鍵-> 作為源代碼打開）：

<key>NSPhotoLibraryUsageDescription</key>
<string>This app requires access to the photo library.</string>

Answer 2

我也遇到過同樣的問題。 所以在文檔中，給出了自動鏈接，但它沒有鏈接所有的依賴項。 您需要手動鏈接一些依賴項。 請按照以下鏈接操作，它將為您提供幫助。 對於手動鏈接，請遵循此

Answer 3

我不是專家，但您可以通過以下方式解決此問題：

• 本教程 showImagePicker https://dev-yakuza.posstree.com/en/react-native/react-native-image-picker/ &https://github.com/dev-yakuza/react-native-image-picker-例子
• (!) 我在 React Native >= 0.60 但 react-native-image-picker 版本是 "react-native-image-picker": "2.3.1"
• 要在 iOS 上使用 react-native-image-picker，打開 ios/[project name]/Info.plist 並像下面一樣修改它。

我不是專家，但您可以通過以下方式解決此問題：

• 本教程 showImagePicker https://dev-yakuza.posstree.com/en/react-native/react-native-image-picker/ &https://github.com/dev-yakuza/react-native-image-picker-例子
• (!) 我在 React Native >= 0.60 但 react-native-image-picker 版本是 "react-native-image-picker": "2.3.1"
• 要在 iOS 上使用 react-native-image-picker，打開 ios/[project name]/Info.plist 並像下面一樣修改它。

不要猶豫，刪除您的 nodes_modules 和 pod 文件，然后重新啟動您的服務器

不要猶豫，刪除您的 nodes_modules 和 pod 文件，然后重新啟動您的服務器

Answer 4

做這個：

 import {launchCamera, launchImageLibrary} from 'react-native-image-picker'; launchCamera(options, response => { if (response.didCancel) { console.log('User cancelled image picker'); } else if (response.error) { alert('ImagePicker Error: ', response.error); } else if (response.customButton) { console.log('User tapped custom button: ', response.customButton); } else { alert(response.uri) } });

原因是 ImagePicker.showImagePicker 折舊了