Question

我正在使用react-native-modalbox。

我想从ScreenA打开ScreenB。

我希望在ScreenB打开后关闭ScreenA。

任何人都知道如何解决它？

import Modal from 'react-native-modalbox';
import ScreenB from './ScreenB';

class ScreenA extends React.Component {

render() {
    return (
        <View>
            <Modal
                ref={"modal1"}
                swipeToClose={true}
                coverScreen={true}
            ><ScreenB></ScreenB>
            </Modal>
            <View>
                <TouchableOpacity
                    onPress={() => this.refs.modal1.open()}>
                    <Text>Click me</Text>
                </TouchableOpacity>
            </View>
        </View>
    );
}

}

Answer 1

/*********/ 
$<Modal transparent={true} visible={ this.props.loading }
                   onRequestClose={() => {this._setModalVisible(false)}}>
                    {loading}
            </Modal>

 _setModalVisible(visible) {
        this.setState({loading: visible})
    }$
/***********/

Answer 2

您使用模态方式显示新页面。与更换新页面不同。通常，modal用于显示临时页面。

如果您想将页面从a更改为b并关闭a，最好使用ReactNavigator 或React Native Router。然后，使用模态动画查找替换选项。

如何关闭modal in react native

2 个答案: