Tengo un problema con una de mis aplicaciones desarrolladas con React Native
y Expo
.
El problema es que el header no se está mostrando.
Este es mi código:
import React from 'react';
import {
StyleSheet,
Text,
View,
Image,
ScrollView,
TouchableHighlight
} from 'react-native';
export default class NoticePrivacyScreen extends React.Component {
static navigationOptions = ({ navigation }) => {
return {
headerTitle: ('',
<Text style={styles.headerHeader}> Aviso de privacidad </Text>
),
headerLeft: (
<TouchableHighlight onPress={navigation.getParam('Menu')}>
<Image style={{ width: 30, height: 30 }}
source={require('../images/backButton.png')}
/>
</TouchableHighlight>
)
}
}
componentDidMount() {
this.props.navigation.setParams({ Menu: this._goMenu });
}
render() {
return (
<ScrollView style={styles.container}>
<View>
<Text style={styles.headerPrivacy}>
Mi texto
</Text>
</View>
</ScrollView>
)
}
_goMenu = async () => {
this.props.navigation.navigate('Menu');
}
}
En mi Home Screen tengo un header que sí se muestra correctamente.
Entonces para saber si era alguna cosa que no podía notar en mi código, hice una copia de esa pantalla que sí lo mostraba y redirigí el botón hacia ese clon. Y me sorprendió mucho que un clon del que sirve, no se mostrara el header.
Les muestro:
Aquí se muestra el header, todo beien
Al momento de navegar hacia una pantalla que es un clon de la de arriba, el header desaparece
Alguien sabe qué es lo que podría estar pasando? Gracias