सेट चौड़ाई और ऊंचाई प्रतिक्रिया देशी को मोडल

Question

मैं "शैली" संपत्ति का उपयोग कर मोडल ऊंचाई और चौड़ाई कॉन्फ़िगर नहीं कर सकता। क्या मोडल ऊंचाई और चौड़ाई सेट करने का कोई और तरीका है?

<Modal style={{height: 300, width: 300}} 
        visible={this.state.isVisible} 
        onRequestClose={this.closeModal} > 

उपरोक्त कोड काम नहीं करता है।

Answer 1

Modal प्रलेखन के अनुसार, वहाँ सेट किया जा करने के लिए कोई style प्रोप है।

इसके बजाय आप <Modal> अंदर <View> आयाम स्थापित करने की कोशिश कर सकते हैं:

<Modal transparent={true} 
     visible={this.state.isVisible} 
     onRequestClose={this.closeModal}> 
    <View style={{ 
      flex: 1, 
      flexDirection: 'column', 
      justifyContent: 'center', 
      alignItems: 'center'}}> 
    <View style={{ 
      width: 300, 
      height: 300}}> 
     ... 
    </View> 
    </View> 
</Modal> 

Answer 2

कृपया मोडल https://facebook.github.io/react-native/docs/modal.html लिए दस्तावेज़ देखें। लेकिन मॉडल के बजाय व्यू का उपयोग करना बेहतर है। आप कई तरीकों से दृश्य में हेरफेर कर सकते हैं।