幅と高さをリアクション固有のモーダルに設定

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のマニュアルを参照してください。 Modalの代わりにViewを使用する方が良いでしょう。ビューはさまざまな方法で操作できます。