Когда ImagePicker вызывается внутри модальной камеры, камера остается позади модальной - PullRequest
Новая
       77

Когда ImagePicker вызывается внутри модальной камеры, камера остается позади модальной

0 голосов
/ 30 ноября 2018

Когда я вызываю ImagePicker из библиотеки реагировать на изображение в модале, камера или рулон камеры остаются позади модала.у кого-нибудь есть обходной путь для этого?

Я добавляю пример кода, чтобы показать, как я использовал компоненты (это не точный код). 

import React, { Component } from 'react';
import {Text, View, StyleSheet, TouchableOpacity,
  TouchableWithoutFeedback, Modal
} from 'react-native';
import ImagePicker from 'react-native-image-picker';


class CardImageUploader extends Component {
  constructor(props) {
    super(props)
  }

  useLibraryHandler = async () => {
    const options = {
      title: 'Select An Image',
      storageOptions: {
        skipBackup: true,
        path: 'images'
      }
    };

    ImagePicker.showImagePicker(options, (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 {

        this.props.addImage(response.uri).then(() => {
        });

      }
    });
  };

  render() {
    const { textStyle, cardSectionStyle, closeIconStyle } = styles;
    const { visible, title, onDecline } = this.props;

    return (
      <Modal
        animationType='fade'
        onRequestClose={() => { }}
        transparent
        visible={visible}
      >

        <TouchableWithoutFeedback onPress={onDecline} >

          <View style={[styles.containerStyle]}>
            <Ionicons name="md-close" size={24} style={closeIconStyle} />
            <TouchableWithoutFeedback onPress={() => { }} >
              <View style={[styles.popupStyle]} >
                <View style={[styles.textContainer]}>
                  <Text style={[textStyle]}>
                    {title}
                  </Text>
                </View>
                <View style={{ height: 200, paddingLeft: 8, paddingRight: 8 }}>

                  <View style={[cardSectionStyle]}>
                    <TouchableOpacity onPress={this.useLibraryHandler}>
                      <MaterialIcons name="camera-roll" size={35} />
                    </TouchableOpacity>

                  </View>
                </View>

              </View>
            </TouchableWithoutFeedback>

          </View>
        </TouchableWithoutFeedback>
      </Modal>

    );
  }
}

И вот как я вижурезультат

enter image description here

Я где-то читал, что это ошибка реагирующего нативного модала, но я не мог найти обходной путь для этого

...