title: undefined is not a function (evaluating'_reactNavigation.NavigationActions.reset')
body: <p>I want to navigate a splash screen to next screen after certain timeout. Splash screen have an animation, done with the help of <strong>Airbnb Lottie for React Native</strong>.</p>
  
  <p>The splashscreen code goes as follows:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import { Animated, Easing } from "react-native";
  import LottieView from "lottie-react-native";
  import { NavigationActions } from "react-navigation";
  
  export default class SplashScreen extends React.Component {
    static navigationOptions = {
      header: null
    };
  
    constructor() {
      super();
      this.state = {
        progress: new Animated.Value(0),
      }
    }
  
    componentDidMount() {
      setTimeout(() =&gt; {
        this.navigateToWalkthrough()
      }, 3500);
      
      Animated.timing(this.state.progress, {
        toValue: 1,
        duration: 3000,
        easing: Easing.linear,
      }).start();
    }
  
    navigateToWalkthrough = () =&gt; {
      const navigateAction = NavigationActions.reset({
        index: 0,
        actions: [NavigationActions.navigate({ routeName: "Walkthrough" })],
      });
  
      this.props.navigation.dispatch(navigateAction);
    }
  
    render() {
      return(
        &lt;LottieView 
        source={require("../assets/splash/SplashScreenAnimation.json")}
        progress={this.state.progress}
        /&gt;
      );
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>After I run the app following errors comes up:</p>
  
  <pre><code>undefined is not a function (evaluating'_reactNavigation.NavigationActions.reset')
  </code></pre>
  
  <p>The <code>Main.js</code> file looks like as follows: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  import { View, Text } from "react-native";
  import { createStackNavigator } from "react-navigation";
  
  import SplashScreen from "./screens/SplashScreen";
  import Walkthrough from "./screens/Walkthrough";
  
  const Routes = createStackNavigator({
    Home: {
      screen: SplashScreen
    },
    Walkthrough: {
      screen: Walkthrough
    }
  });
  
  export default class Main extends React.Component {
    render() {
      return &lt;Routes /&gt;;
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Any help/feedback?</p>