javascript - 在嵌套导航器中导航时未定义 route.params？

Question

我正在使用 React Native 和 React Navigation。我试图只将我的一个屏幕设置为 mode="Modal，但是我在导航时传递的路由参数变得“未定义”并出现错误 TypeError: undefined is not an object (评估“route.params.title”)。为什么会这样，我该如何解决？

我的尝试

const ModalScreen = () => (
  <Modals.Navigator mode="modal">
    <Modals.Screen
      name="Modal"
      component={Modal}
      options={({ route }) => ({
        title: route.params.title,
        headerTransparent: true,
        gestureResponseDistance: {
          vertical: 500,
        },
      })}
    />
  </Modals.Navigator>
);
const MainScreen = () => (
  <Items.Navigator>
    <Items.Screen
      name="Main"
      component={Main}
      options={{ headerShown: false }}
    />
    <Items.Screen name="Modal" component={ModalScreen} />
  </Items.Navigator>
);

// Navigating to Modal in another file.
<TouchableOpacity
  onPress={() =>
    navigation.navigate("Modal", {
      screen: "Modal",
      title: title,
    })
  }
>

Answer 1

当你向嵌套的导航器发送参数时，你必须像下面这样发送它

      navigation.navigate('Modal', {
        screen: 'Modal',
        params: { title: 'title' },
      })

key params 指定它是一个参数，您可以像访问任何其他参数一样访问它。