undefined не является функцией (оценивает '_reactNavigation.NavigationActions.reset') - PullRequest
Новая
       35

undefined не является функцией (оценивает '_reactNavigation.NavigationActions.reset')

0 голосов
/ 21 мая 2018

Я хочу перейти к следующему экрану после определенного времени ожидания.Заставка имеет анимацию, сделанную с помощью Airbnb Lottie для React Native .

Код заставки выглядит следующим образом: 

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(() => {
      this.navigateToWalkthrough()
    }, 3500);
    
    Animated.timing(this.state.progress, {
      toValue: 1,
      duration: 3000,
      easing: Easing.linear,
    }).start();
  }

  navigateToWalkthrough = () => {
    const navigateAction = NavigationActions.reset({
      index: 0,
      actions: [NavigationActions.navigate({ routeName: "Walkthrough" })],
    });

    this.props.navigation.dispatch(navigateAction);
  }

  render() {
    return(
      <LottieView 
      source={require("../assets/splash/SplashScreenAnimation.json")}
      progress={this.state.progress}
      />
    );
  }
}

После запуска приложения появляются следующие ошибки: 

undefined is not a function (evaluating'_reactNavigation.NavigationActions.reset')

Файл Main.js выглядит следующим образом: 

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 <Routes />;
  }
}

Любая помощь / обратная связь?

Ответы [ 2 ]

0 голосов
/ 14 июля 2018 
import { StackActions, NavigationActions } from 'react-navigation';

navigateToWalkthrough = () => {
  const navigateAction = StackActions.reset({
    index: 0,
    actions: [NavigationActions.navigate({ routeName: "Walkthrough" })],
  });

  this.props.navigation.dispatch(navigateAction);
}
0 голосов
/ 21 мая 2018

reset действие удалено из NavigationActions, и StackActions относится к StackNavigator в v2 реагирующей навигации.

StackActions - этообъект, содержащий методы для генерации действий, специфичных для стековых навигаторов.Его методы расширяют действия, доступные в NavigationActions.

Поддерживаются следующие действия:

Сброс - замена текущего состояния новым состоянием

Заменить - Заменить маршрут на данном ключе другим маршрутом

Push - Добавить маршрут на вершину стека и перейти к нему вперед

Pop - Перейти к предыдущим маршрутам

PopToTop - Перейти к верхнему маршруту стека, отклоняя все остальные маршруты

...