javascript - 如何用 React Native 的 React Navigation 替换屏幕

Question

如何使用 React Native 的 React Navigation 替换屏幕

现在我是个新手，我无法理解 getStateForAction现在我在屏幕 1 上有参数，并通过传递参数用户名导航到屏幕 2，并使用基本导航它的嵌套屏幕 1 > 2 在堆栈上

但是我需要在屏幕 2 处于事件状态后将屏幕 1 替换为屏幕 2(如路由器通量上的 ActionConst.REPLACE 那样进行替换)并以新方式发送参数

有人可以指导我吗，谢谢。

<小时/><小时/>

屏幕1

  onPress = () => {

          this.props.navigation.navigate('Sc2', {username: this.state.username});

  }

<小时/><小时/>

屏幕 2

componentWillMount() {

const {state} = this.props.navigation;
console.log(state.params.username);

}

-------------

路由器

export const LoginNavStack = StackNavigator({
  Sc1: {
    screen: Sc1
  },
  Sc2: {
   screen: Sc2,
 },

});

Answer 1

如果有人仍在弄清楚如何在 React Native 中替换屏幕并正在使用 react-navigation，这里是:

import { StackActions } from '@react-navigation/native';

navigation.dispatch(
  StackActions.replace('Profile', {
    user: 'jane',
  })
);

欲了解更多信息，请参阅:https://reactnavigation.org/docs/stack-actions/#replace