问题标签 [react-navigation]

当我按下按钮时，它应该导航到另一个页面，它也会增加查看次数。

但我无论如何也想不出同时实现它们。

这是我的代码：

作为 react-native 的新手，我正在尝试找到一种在没有导航栏的情况下使用react-navigation不同文件进行导航的方法（例如，只需单击登录视图中的按钮进入主视图，单击注销按钮返回登录看法）。

使用 react-navigation，我制作了一个全局组件“Nav”，并将其放入主 AppRegistry 调用中：

AppRegistry.registerComponent('myApp', () => Nav);

在 Navigator.js 中：

当我运行时， react-native run-android 我在空白处加载了第一个视图（它应该是导航器，我不想在我的应用程序中使用它）

现在如何从视图中删除 Nav 以及如何更改 View onPress 另一个文件中的按钮组件？

还有另一个包裹可以更好地满足我的愿望吗？

我有一个有趣的问题：所以我导入了这个

我创建的表单中的按钮，我将其导入到我想加载表单的屏幕，如下所示：

但是我用于转换屏幕的 onpress 功能不想中继并抛出未定义的错误即使在我的路由器中也无法导入某些内容并在任何地方呈现 onpress 功能：

我该怎么做

这是 logcat 错误消息

我有一个工作的 android 本机应用程序，我需要在 react-navigation 中将其作为视图调用，我如何将 android 应用程序包装在一个组件中并在 StackNavigator 中调用它，例如：

如何将变量传递给该“视图”？

我尝试关注 react-native github 项目上的文档，但我并不完全了解我必须在我的应用程序中实现什么，因为文档从 android 应用程序的开头开始。

我目前有两个通过 a 链接的屏幕TabBarNavigator：

ScreenA：按下按钮后，我触发此功能，this.props.navigation.navigate('ScreenB', {data: 'test'}因此.{data: 'test'}params

ScreenB：到此页面的导航按预期工作。但是，我无法访问 params 对象——即使我可以在控制台的 Navigation Dispatch 日志中看到它。

我查看了 react-navigation API，尤其是在他们关于导航道具的链接上，但无济于事。关于如何以编程方式访问paramsScreenB 上的任何建议？

编辑：

1. 我当前的导航设置是：

   • 堆栈导航器
     • 其他场景
     • 抽屉导航器
       • 另一个场景
       • 标签栏导航器
         • 场景A
         • 场景B

2. 在 SceneB 上时，输出console.log(this.props.navigation.state)为{key: "SceneB", routeName: "SceneB"}.

基本上我有一个StackNavigator嵌套在一个DrawerNavigator.

我想要的是使用contentComponentofDrawerNavigator来显示登录的用户头像和名称，如下图所示

只是提到我没有使用 redux 或类似的东西。

我有一个InitializerScrren负责检查登录用户并将其发送到正确的位置，登录屏幕或主屏幕，我也在使用 firebase，所以我最终得到了这个：

我的DrawerNavigator配置是这样的：

谢谢！

我是本机反应的新手，我在通过 facebook 图收到用户凭据后尝试调用导航器。任何帮助将不胜感激 ：）

所以我有我的第一堂课，它设置了导航器和渲染场景。

上面的代码将自动调用 Main 类。此类“如下所示”包含一个自定义 facebook 登录按钮，该按钮在单击时调用方法“handleFaceBookLogin()”。所以一切正常，直到我尝试运行 this.props.navigator.push({ name: 'stats',}) 它返回，无法读取属性'navigator'。请注意，如果我将 navigator 道具移到 Facebook Manager 登录之外，这将正常工作。

我还包括了 Stats 类以供参考。

我再次非常感谢任何建议/帮助。

有屏幕主页和新建。Home 显示存储在 db 中的数据列表。对 db 的新写入。当用户导航到主屏幕但没有显示新数据时，应重新安装主屏幕。这是预期的行为，是否有简单的解决方法？

主屏幕：

路由配置：

React-navigation 文档还很年轻，阅读这些问题对我来说不是很有效（每个版本的更改）是否有人有一种工作方法可以react-navigation在 React Native 中使用 Android 中的标题居中？

总而言之 - 我的问题是，是否有另一种方法来实现这个侧边栏选项卡，可能/希望使用 TabNavigator？还是我下面的方法不是实现细节和面向未来的？

我正在尝试创建一个带有标签的标签导航器。我无法做到这一点，所以我用以下结构TabNavigator嵌套了 a ：StackNavigator

我不喜欢它，但它有效。这是一个截屏视频 - https://youtu.be/r33WvOnb6jU

我不喜欢的东西是：

1. 周围有一个阴影，ShowroomNavigator它是一个StackNavigator. 我不得不通过使用 z-index 技巧和包装来隐藏这个阴影（上面没有显示代码）
2. 从左边缘滑动嵌套路由器不会返回。
3. 第三个问题，也是主要问题，是我认为我依赖于一个实现细节：

我们看到我附加了一个ref到ShowroomNavigator. 回调触发两次，ref一次是挂载，一次是卸载。挂载时el是{props, context, refs, updated, subs, _isStateful, _handleOpenURL, dispatch, state, _reactInternalInstance, _navigate}，卸载时el是null。

所以我正在利用el._navigation.navigate，我担心这可能是一个实现细节。

所以我的问题是，是否有另一种方法来实现这个侧边栏选项卡，可能/希望使用 TabNavigator？或者我el._navigation上面的方法不是实现细节并且是面向未来的？