Set width and height for React-native modal

Question

I can’t adjust the modal height and width using the style property. Is there any other way to set modal height and width?

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

The code above does not work.

Answer 1

According to the Modal documentation, there is no style prop.

Instead of <Modal> you can adjust the dimensions of <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

see the documentation for Modal https://facebook.imtqy.com/react-native/docs/modal.html . but it’s better to use View instead of Modal. You can manipulate the View in different ways.