React Navigation v6中push替代方案：如何重复推入同一屏幕实例

在React Navigation 6及后续版本中，.push()方法已被移除，默认的.navigate()方法会复用栈内已存在的同名屏幕实例，无法实现新增实例的需求。要推入同一屏幕的多个实例，可通过以下两种方式实现：

方式一：调用navigation.navigate时指定唯一key #

每次调用时传入一个唯一的key值（比如时间戳、UUID或递增数字），让导航器识别为新的屏幕实例：

// 生成唯一key，以时间戳为例
const uniqueKey = Date.now().toString();
navigation.navigate('目标屏幕名称', { 
  // 传入屏幕所需参数
  pageId: '123',
  content: '新实例内容'
}, {
  key: uniqueKey
});

方式二：通过CommonActions.navigate配合dispatch执行 #

创建带唯一key的导航动作，再用navigation.dispatch触发：

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

// 生成唯一key
const uniqueKey = `TargetScreen-${Math.random()}`;
navigation.dispatch(
  CommonActions.navigate({
    name: '目标屏幕名称',
    params: { pageId: '456', content: '另一实例内容' },
    key: uniqueKey,
  })
);

注意事项 #

• 必须保证每个实例的key完全唯一，若与栈内已有屏幕key重复，仍会复用原有实例。
• 若屏幕需基于参数区分状态，需在组件内正确处理route.params，确保不同实例的状态独立。

内容的提问来源于stack exchange，提问作者Karatekid430