reactjs - Image Picker 在 React Native 应用程序中不起作用，为什么？

Question

我已经成功安装了 react-native-image-picker，用于一个新的 react native 应用程序，链接它并通过 info.plist 文件授予访问相机、照片等的正确权限...

我在 react-native-image-picker 页面上使用自述文件中的代码，但收到错误

当尝试 openGallery() 时，我收到以下警告并且没有图像库打开:

可能未处理的 Promise Rejection TypeError； undefined 不是函数(靠近...reactNativeImagePicker.default.launchImageLibrary...)

这是我的代码:

import ImagePicker from 'react-native-image-picker';
.....

class App extends Component {

  constructor(props) {
    super(props)

    this.state = {
      fileURL: '',
    }
  }

   //function
   openGallery = async () => {
      const options = {
        mediaType: 'video'
      }

    ImagePicker.launchImageLibrary(options, (response) => {
      console('Response = ', response);

      if(response.didCancel){
        console.log('User cancelled image picker');
      }
      else{
       this.setState({ fileURL: response.uri });
      }
    });
 }

render() {
  return (
   <View style={styles.container}>      
    <Button 
       style={{margin: 20}}
       onPress={this.openGallery}
       title='Open Gallery'
       backgroundColor='blue'
    />
   </View>

);

 }   
}

它的工厂样板代码的运行。怎么回事？

@BoredKid，我在我的控制台日志中得到了这个:

对于(ImagePicker):

{showImagePicker: ƒ}
showImagePicker: ƒ showImagePicker(options, callback)
__proto__: Object

对于(ImagePicker.showImagePicker)；

ƒ showImagePicker(options, callback) {
      if (typeof options === 'function') {
        callback = options;
        options = {};
      }

      return ImagePickerManager.showImagePicker((0, _objectS…

Answer 1

代替写作

从'react-native-image-picker'导入{ImagePicker}，

你应该声明(在同一个地方)...

var ImagePicker = require('react-native-image-picker');

这对我有用。