问题标签 [react-navigation-drawer]

我将 React-Native 与 React-Navigation V3 一起使用

这是我用于 DrawerNavigator 和 StackNavigator 的代码

出于某种原因，当我尝试在打开抽屉后将其滑开时，它不起作用，并且用滑动手势打开抽屉也不起作用。

我只在安卓、Nexus 5 模拟器和 LG G4 真机上测试过。

我已经使用 react-navigation v3 为我的应用程序创建了一个导航抽屉，但是当我尝试自定义我的抽屉时，我遇到了与导航相关的问题。我创建了一个自定义抽屉组件以创建一个完全自定义的抽屉。但是，一旦我尝试提供诸如“this.props.navigation”或我的“navigateToScreen()”方法之类的导航功能，它就不会移动到另一个屏幕，也不会产生任何错误，这给我调试代码带来了困难。这是我的代码以获取更多详细信息。我已经为这个问题做了很多搜索，但没有得到正确的答案。

这是我的 Drawer.js 文件

这是我的 DrawerComponent.js 文件

有关此问题的任何建议或答案将对我有所帮助。谢谢你。

我需要将一个变量传递给我的屏幕，所以我这样做了：

它运行良好并传递x到所有屏幕以及抽屉内容部分。但我需要从中获取 xAsyncStorage所以我需要在componentDidMountDrawer 的 self 中执行此操作。那么我该怎么做呢？

反应导航版本：3.0.9

react-native我在以下代码的帮助下创建了drawerLayout react-navigation：

在这个SideBar组件中，我有以下项目触摸处理代码：

但是当我按下这个项目时，我得到了这个处理程序this.props.navigation.push中未定义的消息。onPress

我需要ListView屏幕来刷新导航操作后显示的数据，现在将数据获取逻辑放在里面componentDidMount。push确实适用于其他屏幕，但我觉得props传递给的这个SideBar是不同的。

所以问题：如何在如上所述ListView导航时重新安装/刷新数据？SideBar

我在我的 react native 项目中使用以下导航设置。在这里，我使用抽屉导航和堆栈导航。

设想：

• 从抽屉中，我单击“主页”链接并导航到 MainScreen。
• 从 MainScreen，我单击一个按钮并导航到 FriendsListScreen。
• 在 FriendsListScreen 中，我再次打开抽屉并单击“主页”链接。抽屉关闭，没有导航发生。

小样：

当我从抽屉中单击“主页”链接时，有没有办法导航回主屏幕？

我对 react-native 很陌生。我正在制作一个具有抽屉导航和堆栈导航的示例应用程序。我在抽屉按钮的抽屉代码中一次又一次地收到错误。如何打开和关闭抽屉？我试图在互联网上搜索很多。并尝试了我得到的任何东西。但没有任何帮助。任何帮助表示赞赏。我写了以下代码：

我收到以下错误：找不到变量：'DrawerActions'。

尝试1：

得到错误：

尝试2：

这也有错误。

根据 React Navigation 3.x 文档的步骤，我为 android 添加了 react-native-gesture-handler。我也在 MainActivity.java 中添加了额外的行。

这是供参考的链接：

https://reactnavigation.org/docs/en/getting-started.html

我已按照以下行添加的文档进行操作。

我可以滑动抽屉。不幸的是，我无法触摸屏幕上的任何其他元素。我正在使用 react-native 0.57

有人可以帮忙吗？

因此，我在带有 typescript 和 redux 的 react-native 项目中使用 react-navigation，但是当我为抽屉导航器设置 contentComponent 道具时，我在 typescript 中收到此错误。

键入'ConnectedComponentClass<SomeClass>' is not assignable to type 'ComponentType<DrawerItemsProps>' Type 'SomeClass' is missing the following properties from type 'DrawerItemsProps': navigation, items, getLabel, renderIcon, and 2 more.。

是否有相同的解决方法。

对此的任何帮助将不胜感激。

我正在尝试使用 react-navigation 抽屉导航器为组件实现标题，但使用 createDrawerNavigator() 方法会导致标题被完全删除。

使用官方 react-navigation v3 'simple-header-button' 小吃（在https://snack.expo.io/@react-navigation/simple-header-button-v3），createStackNavigator() 方法可以很好地呈现标题，但只需将 createStackNavigator() 更改为 createDrawerNavigator() 即可将其删除。

文档没有从 v2 更改以反映可能导致此问题的任何潜在更改，这无济于事，但显然应用标题的方法在两种导航方法之间并不相同。

（不包括我自己的代码，因为官方小吃演示了这个问题）。

我在react-navigation-drawer.

这两个版本已安装。抽屉在 Android 和 iPhone 5S 中正常工作。但是，当我在 iPhone X 中运行该应用程序时，当我通过手势打开抽屉时会抛出错误。

调度了不受支持的顶级事件类型“onGestureHandlerStateChange”