反应原始模态挂断

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模态本身。它已经在几个版本中出现了。最著名的解决方法是使用具有自己模态实现的诸如React-Native-Navigation之类的库。