React-Native-Image-Picker 对话框在 IOS 中启动后自动关闭

0 react-native react-native-ios react-native-image-picker

描述

我正在使用 React-Native-Image-Picker 从我的应用程序中选择和上传文件,我面临的问题是它在 Android 中工作,但在 ios 中,react-native-image-picker 对话框在启动后自动关闭,因此我无法选择供上传的文件。ios 文件上传所需的所有权限也已被授予。

React-Native-image-picker 对话框

如何重复问题和示例

import ImagePicker from 'react-native-image-picker';
import RNFetchBlob from 'react-native-fetch-blob';

var options = {
      title: 'Select Image',
      quality : 0.25,
      storageOptions: {
        skipBackup: true,
        path: 'images',
      },
    };
  ImagePicker.showImagePicker(options, response => {
      console.log('Response = ', response);

      RNFetchBlob.fs.stat(response.path)
      .then((stats) => {
        if (stats.size <= 5000000) {
          let source = response;
          let checkboxStates = {...this.state.checkboxStates}; 
          checkboxStates['image'] = true;

          this.setState({ imagePath: source, imageVisible: true, totalUploadSize: this.state.totalUploadSize + stats.size });   
          this.setState({checkboxStates});
        }
        else{
          toastMessage('Image should be less than 5 MB');
        }
      }).catch((err) => {});

    });

Run Code Online (Sandbox Code Playgroud)

附加信息

  • 反应本机版本:0.61.5
  • 平台:IOS
  • 开发操作系统:Mac OS Mojave 10.14.2
  • 开发工具:Xcode 10.14.2
  • 设备:iPad Pro (IOS 9)

小智 7

对于经历过这种情况的人来说,就我而言,这是导致图像上传打开图像选择器的选择选项模式关闭的原因。尝试在给定时间内关闭,然后打开图像库或在图像选择器启动后关闭模式,如下所示:

ImagePicker.launchCamera(imageOptions, async (response) => {
          setModalPicker(false)
Run Code Online (Sandbox Code Playgroud)


Bri*_*nry 5

当具有用于从相机或图库中进行选择的选项按钮的模式关闭时,会发生这种情况。您可以在选择图像后关闭模式。

ImagePicker.launchImageLibrary(options, (response) => {
        //close the modal here
 })
Run Code Online (Sandbox Code Playgroud)