Question

在我的渲染函数中，我发出请求，因此加载时会显示'loading'。收到数据后，我调用'setState'来重新渲染DOM。我想显示模态，但模态不存在。我怎么了？

 render: function() {

    if (!this.props.data) {
           return (<View style={{flex:1}}>
                    <Text>loading</Text>
                </View>);
    }
    return (
        <View style={{flex:1, width:screenWidth}}>
         <Modal
                visible={true}
                transparent={true}
                onRequestClose={()=>{
                }}
                onShow={()=>{
                }}>
                <View
                    style={{flex:1,justifyContent:'center',alignItems:'center',backgroundColor:'rgba(0, 0, 0, 0.3)'}}>
                    <View style={{height:200,width:275,backgroundColor:'white'}}>
                        <Button title='confirm' onPress={()=>{}}/>
                        <Button title='cancel' onPress={()=>{}}/>
                    </View>
                </View>
            </Modal>
        </View>
    );
}

Answer 1

您可以在单次退货中查看条件，如：

f1.o

首先检查您的模态是否无条件地打开，如果是，那么它是样式或重新发送问题。

当Dom重新渲染时，React-Native Modal不会显示

1 个答案: