react navigationの遷移が出来ない (react native)

Question

前提・実現したいこと

reactnativeで画面の繊維を行いたく思いコードを書きましたが、
test3ボタンをタップしても遷移行わせれず下記のエラーが発生いたします。
※test2には問題なく遷移します

発生している問題・エラーメッセージ

undefined is not an object (evaluating '_this.props.navigation.navigate')

上記のエラーが発生しtest3ページへ遷移ができません。

該当のソースコード

import React from 'react';
import { createAppContainer, createSwitchNavigator } from 'react-navigation';
import test1 from './test1';
import test3 from './test3';
import test2 from './test2';

const RootStack = createStackNavigator(
  {
    test1: test1,
    test2: test2,
    test3:test3,
  },
  {
    initialRouteName: 'test1',
  }
);

const AppContainer = createAppContainer(RootStack);

export default class App extends React.Component {
  render() {
    return <AppContainer />;
  }
}

お願いいたします。

エラーの原因解決方法をお知りの方がいらっしゃればお教えいただければ幸いでございます。

Comments

[kimkim]

test3に遷移するコードを見せてください