Я пытаюсь сделать функцию onPress такой, чтобы при щелчке по значку меню открывалась навигация в моем ящике.Однако я получаю эту ошибку: Необработанное исключение JS: Не удается прочитать свойство 'навигация' из неопределенного.
Вот мой код для HeaderComponent.js
import React from 'react';
import { StyleSheet } from 'react-native';
import { Header, Left, Icon, Body, Title, Right } from 'native-base';
const HeaderComponent = (props) => {
const { menuIconStyle } = styles;
return (
<Header>
<Left>
<Icon
style={menuIconStyle}
name="menu"
onPress={() => this.props.navigation.openDrawer()}
/>
</Left>
<Body>
<Title>{props.headerText}</Title>
</Body>
<Right>
</Right>
</Header>
);
}
export default HeaderComponent;
const styles = StyleSheet.create({
menuIconStyle: {
paddingLeft: 15,
},
});
Буду признателен за решение.Спасибо!