Реагировать на встроенную навигацию - Не удается прочитать свойство '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 для генерации структуры приложения.

Пожалуйста, помогите решить эту проблему, которую я пытался разными способами.

0 ответов

Другие вопросы по тегам