Реагировать на встроенную навигацию - Не удается прочитать свойство 'dispatch' из неопределенного при использовании AWS Amplify "withAuthenticator"
Я пишу приложение React Native для IOS и собираюсь обработать аутентификации с помощью AWS Amplify.
Как описано здесь, я завернул свой компонент, как показано ниже,
import React, { Component } from 'react';
import { View, StatusBar } from 'react-native';
import { connect } from 'react-redux';
import { withAuthenticator } from 'aws-amplify-react-native';
import { addNavigationHelpers } from 'react-navigation';
import ReduxNavigation from '../Navigation/ReduxNavigation';
// Styles
import styles from './Styles/RootContainerStyles';
import LaunchScreen from './LaunchScreen';
class RootContainer extends Component {
render() {
return (
<View style={styles.applicationView}>
<StatusBar barStyle="light-content" />
<ReduxNavigation />
</View>
);
}
}
const mapStateToProps = state => ({
});
// wraps dispatch to create nicer functions to call within our component
const mapDispatchToProps = dispatch => ({
dispatch
// startup: () => dispatch()
});
export default connect(mapStateToProps, mapDispatchToProps)(
withAuthenticator(RootContainer, false, [
<LaunchScreen navigation={addNavigationHelpers()} />
])
);
Здесь я завернул RootContainer
с withAuthenticator
и добавил LaunchScreen
в качестве компонента аутентификатора.
Но внутри LaunchScreen
Я собираюсь обработать событие маршрутизации как,this.props.navigation.navigate('PasswordReset');
но это не работает и выкидывает ошибку ниже,
Cannot read property 'dispatch' of undefined
ExceptionsManager.js:63
Unhandled JS Exception: Cannot read property 'dispatch' of undefined
Я использовал Ignite для генерации структуры приложения.
Пожалуйста, помогите решить эту проблему, которую я пытался разными способами.