How do you change height and width of modal?

[anmol242]

Hey, I am not able to find how we can change height and width of modal. Can anyone please help me out?

[anmol242]

Never mind, I figured it out on my own. Here is the reference code if it helpful for other folks:

JSX

return (
    <Modal isVisible={isModalVisible} style={styles.modalContainer}>
      <View style={styles.modalContent}>
        {/* do Something */}
      </View>
    </Modal>
  );

CSS:

 modalContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
modalContent: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    display: 'flex',
    fontSize: 16,
    fontWeight: 500,
    backgroundColor: '#ffffff',
    maxHeight: 500,
    width: 400,
    borderRadius: 10,
  },