React Native 导航（4.x）道具在屏幕之间变为空

Question

我有一堆屏幕，用于创建将在最后显示的对象。

在通过屏幕传递参数时，直到最后一个都没有问题。

当您在最后一个屏幕上确认导航到仪表板（列出所有对象）的功能触发时，它会去它需要去的地方，但在检索构造函数中的参数时，它们会返回为 @ 987654321@，即使通过调试器我也可以清楚地看到该道具已成功传递给导航功能。

下面这段代码从后端调用api来检索当前的user，如果成功则触发openDashboardHouses函数：

new UsersApi(context).apiUsersCurrentMeGet().then(resp => {
            console.log(resp);
                     // passing context - user - house object 
            openDashboardHouses(context, resp, context.state.house);
        }).catch(error => {
            console.log(JSON.stringify(error))
            AlertHelper.showSimpleErrorAlert();
        });

openDashboardHouses 函数只是要导航的一行代码：

export function openDashboardHouses(context: Component<NavigationProps, any>, user: User, house: House = null) {
    context.props.navigation.navigate(dashboardHousesRoute, {user: user, house: house}); // During debugging the values on this line are correctly filled
}

然后在下一个屏幕上它应该在构造函数中获取道具并将它们保存在状态中：

constructor(props) {
        super(props);
        setHeaderTitleLocalized(props, 'screens.dashboard.title');

        this.state = {
            loading: false,
            user: getUserFromNavigationProps(this), 
            houses: [],
            resources: [],
            created_house: getHouseFromNavigationProps(this), 
        };
    }

如你所见，我有两个辅助函数，它们都不返回任何内容

export function getUserFromNavigationProps(context: Component<NavigationProps, any>) {
    return context.props.navigation.getParam(USER_KEY); // USER_KEY = 'user'
}

export function getHouseFromNavigationProps(context: Component<NavigationProps, any>): House {
    return context.props.navigation.getParam(HOUSE_KEY); // HOUSE_KEY = 'house'
}

知道发生了什么吗？

附加信息：该房屋道具是在第一个屏幕中创建的，并且在所有屏幕中都以相同的方式传递。只是最后一个不想合作

依赖关系：

反应原生：

├─ react-native@0.62.2
│  ├─ @sentry/react-native@^1.0.0

反应导航：

├─ @react-navigation/core@3.5.0
├─ @react-navigation/native@3.6.2
├─ @react-navigation/web@1.0.0-alpha.9
├─ react-navigation-drawer@1.4.0
├─ react-navigation-stack@1.5.3
├─ react-navigation-tabs@1.2.0
├─ react-navigation@3.12.1
│  ├─ @react-navigation/core@~3.5.0
│  ├─ @react-navigation/native@~3.6.1
│  ├─ react-navigation-drawer@~1.4.0
│  ├─ react-navigation-stack@~1.5.0
│  └─ react-navigation-tabs@~1.2.0

Answer 1

我找到了一个“解决方案”，显然构造函数（由于某种原因只有这个）坏了或者什么东西，不能赋值。

根据4.x docs你可以获得所有的导航道具

this.props.navigation.state.params

因此，我没有尝试将其设置为状态，而是将其用作我需要的对象。

例如

console.log(this.props.navigation.state.params.house);

打印正确的东西。

注意我没能做到，因为我的项目已经太大了，但是当你有机会时总是将你的依赖更新到最新版本以避免这种错误