react-native - measurelayout - timeout in react native

Establezca el ancho y la altura en modo React-nativo

Question

No puedo configurar la altura y el ancho modales usando la propiedad style . ¿Hay alguna otra manera de establecer la altura y el ancho modal?

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

El código de arriba no funciona.

Answer 1

De acuerdo con la documentación Modal , no hay ningún style que se establezca.

Puede intentar configurar las dimensiones <View> dentro del <Modal> lugar:

<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

En la documentación Modal no se menciona, pero tiene una propiedad de estilo.

Lo siguiente funciona para mí.

<Modal
    style={styles.modalContent}
    isVisible={this.state.isVisible}
    onBackdropPress={this.closeModal}
>
    <Component {...componentProps} />
</Modal>

const styles = StyleSheet.create({
    modalContent: {
        justifyContent: ''center'',
        alignItems: ''center'',
        margin: 0
    },
});