问题标签 [react-navigation-drawer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1055 浏览

react-native - 如何仅在特定屏幕上启用抽屉?

我正在使用 react-navigation 并尝试仅在主屏幕上使用抽屉导航。

我的导航配置代码如下所示。


我只想在 HomeScreen 上启用抽屉。
我正在考虑在主屏幕上创建抽屉导航器并将其与堆栈导航器结合使用,但我找不到方法,我什至不知道它是否会起作用。

有什么办法让它工作吗??

0 投票
1 回答
273 浏览

react-native - React Navigation 多个堆栈配置

我有一个包含多个页面的 DrawerNavigator,每个页面都是它们自己的 StackNavigator,这意味着我为每个堆栈都有一个堆栈配置。例如

我的抽屉里每一页都有一个。

所有这些堆栈配置都是相同的。有没有办法在我的代码中只传递一次堆栈配置?

0 投票
1 回答
98 浏览

javascript - 未捕获的错误:未定义不是对象(评估'Y.props.navigation')touchableHandlePress@[native code]

我在 react-navigation 标题中添加了一个抽屉菜单按钮来打开抽屉菜单。

该图标正常显示,但按下时返回引用的错误。

需要注意的是,对于属于const DrawerNavigator = createDrawerNavigator我的屏幕,我使用上面相同的代码来呈现抽屉菜单按钮并且它工作正常,错误只发生在const screens HomeNavigator = createStackNavigator.

0 投票
1 回答
360 浏览

javascript - 如何使用抽屉内的导航按钮?

我在自定义抽屉中有一个按钮,但是当尝试在此按钮上使用跨屏导航方法时,我收到以下错误:错误

我正在使用:“react-navigation”:“^3.11.1”,“react-native”:“^0.60.4”,“react”:“16.8.6”。我正在使用 Android 8.0 在 S8 + 上调试应用程序

我希望单击“Sair da conta”按钮会导航到“登录”屏幕。

0 投票
2 回答
522 浏览

javascript - 如何强制 stackNavigator 以 MainScreen 为目标?

我在我调用的第一个选项中实现了 aStackNavigator和 a 。问题是,当我浏览 Stack 屏幕时,我想通过 Drawer 返回主屏幕,但这不会发生,因为 Stack 存储了用户所在的最后一个屏幕。DrawerNavigatorDrawerNavigatorStackNavigator

我尝试过使用一些Navigation Prop,但我不确定在哪里插入此代码,甚至不确定要在堆栈上使用哪些命令。

MenuDrawer.js

应用程序.js

0 投票
2 回答
676 浏览

react-native - 无法打开抽屉反应原生

我创建了 createDrawerNavigator。但是当调用“props.navigation.dispatch(DrawerActions.openDrawer())”时什么也没显示。这是我的代码。

MenuNavigator.js

应用导航器

调用 openDrawer

0 投票
0 回答
255 浏览

react-native - 如何在 React Native 的 createStackNavigator 中创建 createDrawerNavigator?

我正在使用 react-navigation v3 来响应本机应用程序。当我在 createStackNavigator 中创建DrawerNavigator 时,我无法打开Drawer,但如果我在根导航器中创建DrawerNavigator,我可以打开它。这是我的代码。有人对我有解决方案吗?

应用导航器.js

StackNavigatorMain.js

StackMenu.js

MenuNavigator.js

index.js

在组件屏幕中调用打开抽屉 onPress 按钮

0 投票
2 回答
1855 浏览

react-native - undefined 不是一个对象(评估 '(0 _reactnavigation.DrawerNavigator)')

我创建了自定义侧边栏,并有 5 到 6 个屏幕。我正在使用 NativeBase 并希望使用 DrawerNavigator 选项打开侧边栏,但是当我应用以下代码时出现问题。

抽屉导航器代码

0 投票
1 回答
237 浏览

react-native - 从抽屉导航切换底部标签

*:- 我有底部标签 =>(主页、列表、数据)。*:- 我有一个抽屉导航。*:- 我也想在抽屉导航中添加(主页、列表、数据)。*:- 然后我想从抽屉导航触发选项卡更改。*:-假设如果我从抽屉中单击列表或数据项,它应该调用事件并更改底部选项卡

我的代码

0 投票
2 回答
5981 浏览

react-native - createDrawerNavigation() 已移至 react-navigation-drawer

createDrawerNavigation() 已移至 react-navigation-drawer。有关更多详细信息,请参阅 https://reactnavigation.org/docs/4.x/drawer-navigator.html