未定义react-native-image-picker

Question

我已经安装了包react-native-image picker：

npm i react-native-image-picker --save

我还将它链接到我的项目：

react-native link react-native-image-picker

当我尝试导入模块并使用它时：

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

 ImagePicker.launchImageLibrary(options, (response) => {
     // code here
   }

我收到以下错误：

typeError: Cannot read property 'launchImageLibrary' of undefined

这里出了什么问题？

Answer 1

您应该仔细检查此npm包的最新文档，因为它已迁移到较新的版本。旧的2.x.x版本已被弃用，正如在包的GitHub页面中所写的那样，因此关键模块的名称可能已经更改...

Answer 2

对于3.x版本，可以直接导入如下函数

import {launchImageLibrary} from 'react-native-image-picker';

在一个世博会项目中，我仍然遇到了相同的错误，比如this issue (因为lauchImageLibrary来自NativeModules.ImagePickerManager)。但它在使用React Native CLI初始化的项目中工作得很好。

Answer 3

下面是它的解决方案，

import {launchImageLibrary} from 'react-native-image-picker';

const changePhoto = () => {
    const options = {
      noData: true,
    };
    launchImageLibrary(options, (response) => {
      console.log(response);
    });
  };


<TouchableOpacity onPress={changePhoto}>
     <Text>Change Photo</Text>
</TouchableOpacity>