Mi problema es que no puedo acceder desde un botón que tengo en el header a una función de la misma clase.
Me gustaría saber cómo acceder
He hecho dos funciones, una parecida al cambio de pantalla desde el header, pero tratando de acceder a una función en vez de otra pantalla.
Y otra manera sugerida por alguien más que tampoco funciona.
class HomeScreen extends React.Component {
static navigationOptions = ({ navigation }) => {
return {
headerTitle: ('',
...
),
headerLeft: (
...
),
headerRight: (
<TouchableHighlight onPress={() => { this._function() }}>
<Image style={{ width: 30, height: 30, marginLeft: 10 }}
source={require('./images/reportIcon.png')}
/>
</TouchableHighlight>
),
//Segunda manera
headerRight: (
<TouchableHighlight onPress: () => { navigation.getParam('report') }>
<Image style={{ width: 30, height: 30, marginLeft: 10 }}
source={require('./images/reportIcon.png')}
/>
</TouchableHighlight>
)
}
}
constructor(props) {
super(props);
this.state = {
...
}
}
_function = () => {
Alert.alert(
'Titutlo',
'Blablabla',
[{ text: 'Entendido' }]
);
}
}
La primera manera me manda un error.
La segunda no marca errores pero no da ninguna acción, OJO: tengo la función en ComponentDidMount, pero aún asnillos no funciona