React-Native навигация на новый экран не работает

Question

Я пытаюсь создать кнопку onPress, которая приведет к экрану отслеживания.Я вижу журнал консоли, который показывает, что он вводит код, но не переходит на этот экран.Тот же самый экран в ссылке ящика переходит к желаемому экрану

import { TabNavigator, StackNavigator, navigationOptions, NavigationActions } from "react-navigation";

trackButton () {return (

      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
            <Button
              title="Start Tracking"
              onPress={() => {
                console.log('Testing');
                /* 1. Navigate to the Details route with params */
                const resetAction = NavigationActions.reset({
                  index: 0,
                  actions: [
                    NavigationActions.navigate({ routeName: 'TrackingScreen'})
                  ]
                })
                this.props.navigation.dispatch(resetAction)
              }}
            />
          </View>
        );

)

Answer 1

reset больше не принадлежит NavigationActions с реализацией.С выпуском V2 реализация reset и многие другие действия передаются StackActions.поэтому вы должны использовать StackActions.reset({...}) См. this

Ваш код должен выглядеть следующим образом:

onPress={() => {
   console.log('Testing');
   /* 1. Navigate to the Details route with params */
   const resetAction = StackActions.reset({
   index: 0,
   actions: [
      NavigationActions.navigate({ routeName: 'TrackingScreen'})
   ]
   })
   this.props.navigation.dispatch(resetAction)
}}

Надеюсь, это поможет.Удачного кодирования:)