將寬度和高度設置爲React-native模式

Question

我無法使用「style」屬性配置模式高度和寬度。有沒有其他的方式來設置模態的高度和寬度？

<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。但最好使用View而不是Modal。您可以通過多種方式操作View。