在react-navigation中应于何处指定路由的key？

Great question! Let me break down how route keys work in React Navigation clearly—this is a common point of confusion for developers:

1. 默认情况下，路由Key是自动生成的 #

You don’t need to manually specify a route key in your route definitions (like when setting up a Stack.Navigator or Tab.Navigator). React Navigation automatically generates a unique key for every route entry added to the navigation stack whenever you use methods like navigation.navigate(), navigation.push(), or navigation.replace().

This auto-generated key is unique per route instance—so even if you navigate to the same screen multiple times (like pushing multiple Details screens with different params), each will get its own distinct key.

2. 手动指定Key的场景（少见） #

There are rare edge cases where you might want to manually set a route key, such as:

• You need to precisely control the navigation stack and ensure a specific route instance is reused
• You want to target a specific route when using key-based methods like setParams or goBack

To manually specify a key, pass it as part of the navigation object when triggering a navigation action:

navigation.navigate({
  name: 'Details',
  key: 'specific-details-123', // 自定义的唯一key
  params: { itemId: 123 }
});

3. 如何获取已有的路由Key #

If you need to access a route’s key (for use with methods like navigation.goBack(key) or navigation.setParams({ key, params })), you can retrieve it from the route object:

• For the current active route: navigation.getCurrentRoute().key
• For all routes in the stack: navigation.getState().routes.map(route => route.key)

总结 #

• 99% of daily development: You don’t need to think about route keys at all—React Navigation handles them automatically.
• You never need to specify a key in your navigator’s screen definition. Manual keys are only passed when triggering navigation actions, and only for niche use cases.

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