无法读取的未定义的属性showImagePicker反应机iOS

问题描述 投票:0回答:3

我有这个问题累

  1. NPM安装反应,原生影像选择器@最新--save
  2. 反应天然链路反应天然-图像拾取器

从“反应天然图像选取器”进口ImagePicker;

const options = {
      quality: 1.0,
      maxWidth: 500,
      maxHeight: 500,
      storageOptions: {
        skipBackup: true
      }
    };


    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 {
          const source = { uri: response.uri };

          // You can also display the image using data:
          // const source = { uri: 'data:image/jpeg;base64,' + response.data };

          this.setState({
            avatarSource: source,
          });
        }
      });[enter image description here][1]
ios react-native
3个回答
2
投票

您应该重新启动打包,每次你才能生效运行链接命令的时间。只需取消正在运行的打包,并再次运行react-native run-ios


0
投票

当您使用react-native-link它会影响你的android文件夹,3个文件,对build.gradle文件(位于Android设备/应用程序),将settings.gradle(位于机器人/)和MainApplication.java文件(位于Android设备/应用/ src目录/ JAVA)。

通常情况下,而连接中,依赖没有得到在build.gradle有时应用。因此,检查包装(react-native-image-picker)是否被添加,如果不继续前进,将其添加为compile project(':react-native-image-picker')

同样,检查所有上面的包是否被定义中指定的其他文件。

这是为Android(我误解了这个问题,因为我经历过同样的问题,并修复它为Android)


0
投票

我也正在处理这个奇怪的问题了几天,在Github上一些威胁和其他一些问题,在这里我无法找到一个解决方案,真正解决了这个问题从我的身边,直到我发现了这个奇怪的,但有效的一个!下面是我遵循的步骤:

1 .-打开Xcode和从你的项目目录,进入目录库。在那之后,去寻找RNImagePicker和开放的产品目录。

2:前往构建阶段选项卡。

3.-然后拖放到libRnImagePicker.a链接二进制与图书馆。 This step is the magic one

这一步是法宝之一,通过在项目中做这样的错过了链接关系是要这时候你的项目应该是这样产生:

4.-关闭项目

5.- Run sudo rm -rf node_modules/.cache

6.-在此之后,编译您的项目无论是在Xcode或反应本地运行IOS虽然发生编译和链接相关性得到注册,它将返回循环依赖错误(但其实这是个好消息,我们几乎没有!)

7.-再次打开在步骤1中所述的途径,并通过点击在零下BUTTOM除去libRNImagePicker.aenter image description here

8.-再次运行您的项目,瞧!该react-native-image-picker工作! :)

© www.soinside.com 2019 - 2024. All rights reserved.