图像选择器在 React Native 应用程序中不起作用,为什么?

2024-07-04

我已经成功安装了react-native-image-picker,对于一个新的react本机应用程序,链接它并通过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,我在控制台日志中得到了这个:

对于(图像选择器):

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

for (ImagePicker.showImagePicker);

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

      return ImagePickerManager.showImagePicker((0, _objectS…

而不是写作

import { ImagePicker } from 'react-native-image-picker',

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

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

这对我有用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

图像选择器在 React Native 应用程序中不起作用,为什么? 的相关文章

随机推荐