Estoy usando un modal transparente, pero cada vez que salgo del modal (no importa si regreso o voy a otra página) ya no puedo hacer clic en nada en la pantalla. Esto solo sucede cuando configuro la presentation: 'transparentModal' .
Primero pensé que era un error, pero no puedo encontrar a otras personas con este problema, así que supongo que estoy haciendo algo mal. ¿Ves algo estúpido que estoy pasando por alto?
Pantalla del navegador:
<Screen name="Modal" component={Modal} options={{ headerShown: false, cardStyle: {backgroundColor: 'rgba(0, 0, 0, 0.15)'}, cardOverlayEnabled: true, presentation: 'transparentModal', }} />Componente:
const Modal = ({navigation}) => { return ( <View style={styles.container}> <Button title="go back" onPress={() => navigation.goBack()} /> </View> ); }; const styles = StyleSheet.create({ container: { maxHeight: (height * 2) / 3, backgroundColor: '#30444E', borderRadius: 16, marginHorizontal: 24, marginTop: height * 0.1, padding: 24, }, });EDITAR: No importa, aparentemente estoy ciego. Parece ser un problema de la biblioteca, simplemente no miré correctamente. Pero además de eso, si alguien tiene una solución inteligente, agradecería su aporte.
Espero que todo bien contigo.
Puede usar https://www.npmjs.com/package/react-native-modal para esto.