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

Question

在我的渲染函数中，我提出了一个请求，所以加载时会显示“正在加载”。收到数据后，我调用“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

您可以在单个返回中检查条件，例如：

render(){
    return(
        {(!this.props.data) 
        ? (<View style={{flex:1}}>
              <Text>loading</Text>
          </View>)
        : (<View style={{flex:1, width:screenWidth}}>
            <Modal/> { /*your modal code */}
        </View>)
        }
    );
}

首先检查您的模态是否无条件打开，如果是，则它是样式或重新渲染问题。