React-Native Модал вешает трубку

Question

import React from 'react';
import { View, Text, Modal, Image, Button, StyleSheet } from 'react-native';

const ModalBox = props => {
    let ModalContent = null;
    if (props.selectedPlace) {
        ModalContent = (
            <View>
                <Image source={props.selectedPlace.image} style={styles.image} ></Image>
                <Text style= {styles.text}>{props.selectedPlace.value}</Text>
            </View>
        )
    }
    return (
        <Modal onRequestClose={props.close} visible={props.selectedPlace !== null} animationType="slide">
            <View style={styles.ModalContainer}>
                {ModalContent} 
                <Button title="Delete" color="red" onPress={props.itemDelete}></Button>
                <Button title="Close" onPress={props.close}></Button>
            </View>
        </Modal>
    )
}

const styles = StyleSheet.create({
    ModalContainer: {
        marginTop: 10
    },
    image: {
        height:200,
        width: "100%"
    },
    text:{
        textAlign:"center",
        fontWeight:"bold",
        fontSize: 28
    }
})

export default ModalBox;

У меня есть код выше для модального.Когда я открываю свой модал, а затем делаю некоторые изменения в моем коде, а затем перезагружаю его.Модал зависает, не может даже нажать на мои кнопки и перезагрузить приложение тоже.я должен закрыть свое приложение и начать заново.

Answer 1

Проблема не в вашем коде, а в React Native Сам модал .Это было там через несколько выпусков.Наиболее известный обходной путь - использование библиотеки, подобной реагировать-нативная навигация , которая имеет собственную модальную реализацию.