reactjs - React Native navigation.state.params 始终未定义

Question

我对 React Native 相当陌生，我购买了一个名为 sketch elements 的模板来帮助我开始使用 Flow 进行类型检查。

https://react-native.shop/elements

我想在导航时传递一个参数，但该参数始终未定义。

这是我在第一个组件中的代码 - 我想导航到传入关卡对象的 navigatorTo 组件(在本例中为照片)

navigate(navigateTo: string, level: object) {
    const { navigation } = this.props;
    navigation.navigate(navigateTo, { level });
}

我的其他组件如下所示，控制台日志始终返回未定义。浏览其他示例，这看起来与之前实现的效果相同，但我显然遗漏了一些东西。

type PhotosProps = NavigationProps<> & {
    level: object
};

export default class Photos extends React.Component<NavigationProps<PhotosProps>> {
    render(): React.Node {
        const { navigation } = this.props;
        console.log( navigation.state.params);
        return null;
    }
}

任何帮助将不胜感激。

Answer 1

您可以使用 const level = navigation.getParam('level') 访问传递到 react-navigation 库的参数。有关传递参数的文档:https://reactnavigation.org/docs/en/params.html