javascript - React Native Image Picker无法读取未定义的属性 "showImagePicker"

Question

我已按照包 react-native-image-picker 的所有 iOS 安装说明进行操作。 ，但每当我尝试使用 showImagePicker() 时它仍然会出错方法。

它告诉我 cannot read property "showImagePicker" of undefined .

我已在文件顶部导入了包 var ImagePicker = require('react-native-image-picker'); ，我已经做了react-native link多次，我添加了 RNImagePicker.xcodeproj在我的库文件夹中，我添加了 RNImagePicker.a对于“将二进制文件与库链接”，我已将权限添加到我的 info.plist文件。

我已经完成了文档中的所有操作，但仍然没有任何效果。

这是我的 JS:

import React from 'react';
import PropTypes from 'prop-types';
import { StyleSheet, Text, View, Image, ScrollView, TextInput, TouchableOpacity, KeyboardAvoidingView } from 'react-native';

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

export default class ProfilePicUploaderPage extends React.Component {
  state = {
    ProfilePicLocalSource: null,
    ProfilePicRemoteSource: null
  }

  ChoosePhoto(){
    console.log(SOCButton);
    var options = {
      title: 'Select Avatar',
      customButtons: [
        {name: 'fb', title: 'Choose Photo from Facebook'},
      ],
      storageOptions: {
        skipBackup: true,
        path: 'images'
      }
    };
    ImagePicker.showImagePicker(options, (response) => {
      console.log('Response = ', response);

      if (response.didCancel) {
        console.log('User cancelled image picker');
      }
      else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      }
      else if (response.customButton) {
        console.log('User tapped custom button: ', response.customButton);
      }
      else {
        let source = { uri: response.uri };

        this.setState({
          avatarSource: source
        });
      }
    });


  }

  render(){
      return(<all of my JSX>);
  }

我对发生的情况唯一的了解是，当我尝试在 Xcode 中构建我的应用程序时，它失败并出现错误 clang: error: linker command failed with exit code 1 (use -v to see invocation) .

有人知道发生了什么事吗？

Answer 1

您似乎没有将 ImagePicker 导入到 JS 文件中。尝试使用从'react-native-image-picker'导入ImagePicker

如果您正确遵循了 iOS 的链接步骤，那么您应该没问题。