FlatList onPress触发NAVIGATE时找不到ChatList屏幕的问题

1. 核对导航器屏幕注册 #

• 打开MainNavigator.js，确认是否已注册名为ChatList的屏幕，且该屏幕所在的导航器属于当前NewChatScreen所在导航树的可访问范围：
  • 若ChatList在嵌套导航器内，需使用嵌套跳转语法：navigation.navigate('父导航器名称', { screen: 'ChatList', params: { userId: 目标ID } })
  • 检查屏幕名称拼写，注意大小写敏感（chatList和ChatList会被视为不同屏幕）

2. 确认导航对象传递有效性 #

• 检查DataItem组件的导航参数传递：
  • 若userPressed是在NewChatScreen中定义的，需确保DataItem能正确触发该函数，比如：

    // NewChatScreen内渲染DataItem时
    <DataItem onPress={() => userPressed(item.userId)} />
    

  • 避免在DataItem中使用未关联当前导航树的navigation对象，必要时直接从NewChatScreen传递navigation属性给DataItem

3. 正确实现带参数跳转 #

满足“跳转至聊天页面并传递userId”需求的写法：

// NewChatScreen中的userPressed函数
const userPressed = (userId) => {
  props.navigation.navigate('ChatList', { userId });
};

在ChatList页面中通过route.params.userId获取传递的参数。

4. 排查导航器嵌套结构问题 #

若NewChatScreen与ChatList分属不同导航器（比如一个在Tab导航、一个在独立Stack导航），需通过上层导航器跳转：

props.navigation.getParent().navigate('ChatList', { userId: 目标ID });

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