当我注册 React Navigation 5 后尝试导航到主页时，如何解决"函数组件无法被赋予 refs"？

Question

我目前正在为我的应用程序进行身份验证，除了用户登录后的导航之外，我已经完成了所有工作。我对React Nav 5还很陌生，似乎无法理解它。我一直在遵循udemy指南，但我认为React Nav4正在使用，我似乎找不到如何做到这一点，我已经提供了我的代码和下面的相关屏幕截图。我想做的是在用户点击注册按钮后进入订阅源页面。到目前为止，我已经将该应用程序与后端连接，并连接到mongoDB，这一切都很好。注册完成后，我无法导航到订阅源页面。

应用JS

应用

导航参考

navigationRef屏幕截图

AuthContext

authContext屏幕截图

Answer 1

您可以使用createRef((挂钩来创建NavRef，

导航参考js:

import * as React from 'react';
export const navigationRef = React.createRef();
export function navigate(name, params) {
navigationRef.current?.navigate(name, params);
}

然后，从App.js中，您可以使用NavigationContainer中的引用，比如

App.js:

<NavigationContainer ref={navigationRef}>
<AuthNavigator/>
</NavigationContainer>