React-Native Stack navigator 使用相同的 initialRouteName 返回上一个屏幕

Question

我正在开发一个 React Native 应用程序并正在使用反应导航的 stacknavigator，这是我的场景：

• 我有一个组件 A 作为堆栈导航器，其中包含屏幕 B（和其他）。
• 单击 A 中的按钮导航到 B
• 单击 B 中的按钮导航到 B（这次使用新数据）
• 点击第二个 B 的默认后退按钮导航到 A。这是我的问题，因为我想回到第一个 B 检查我的 stacknavigator 配置，如果我错过了额外的配置，请纠正我，谢谢。

<AppStack.Navigator
    initialRouteName="HOME"
    screenOptions={stackStyle}>
    <AppStack.Screen
        name="HOME"
        component={A}
    />
    <AppStack.Screen
        name="B"
        component={B}
    />
....

B内：

const {navigation} = this.props;
navigation.navigate('B', {new data for second B});

编辑：忘了提到第一个 B 从 webview 触发第二个 B

Answer 1

在我看来，您应该处理要重新渲染的组件的状态。无论如何，如果您只需要导航到同一页面并保持返回，您可以替换：

navigation.navigate('B', { ... })

作者：

navigation.push('B', { ... })

当您使用push 时，您会创建一条新路线，因此当您从这条新路线返回时，它将导航到上一条路线。 navigate 将尝试转到现有路线，因此在您的情况下：路线 B ​​实际上已经存在。