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
},
});