问题标签 [react-native-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 回答
1205 浏览

javascript - React Native 中的堆栈导航和抽屉导航

在我的应用程序中,我有按钮导航到其他屏幕,我有一个抽屉也有按钮,我做了抽屉,它工作正常,也做了堆栈导航,也工作正常,但是在我的 app.js 中,当我定义一个它们(抽屉或堆栈)另一个不工作,我将提供我的代码,我认为问题是我分别为它们声明了 createAppContainer,我如何在它们之间组合?这是我的代码:

根.js:

DrawerNavigator.js:

应用程序.js:

错误截图

0 投票
1 回答
163 浏览

react-native - 在 ComponentDidMount 中使用 navigation.setParams 时第一次单击时抽屉未关闭

当我尝试使用抽屉导航到屏幕时。单击抽屉标签后。它正在将我导航到屏幕,但抽屉没有关闭。但是当我再次点击抽屉时,它正在关闭。

我认为当我navigation.setParamsComponentDidMount. 没有设置Params它工作正常,抽屉立即关闭。但我想设置参数。

有没有人有解决方案?

0 投票
1 回答
320 浏览

react-native - 反应原生 rn_bottom_drawer 的动态高度

我正在使用rn-bottom-drawer为我的应用程序实现抽屉。我尝试了几种方法,例如 PixelRatio、ModerateScale、If-else 等屏幕高度范围,但我未能成功设置这样的 containerHeight 以使其与所有设备屏幕完美配合,并且我的抽屉和屏幕底部之间没有空间。

我的代码:

0 投票
1 回答
39 浏览

react-native - react-native:抽屉未打开

我是 react-native 的新手,我正在尝试将抽屉添加到我的应用程序中。我正在与您分享我的代码。

谁能告诉我抽屉的内容应该在哪里以及如何编写打开和关闭抽屉功能。谢谢...

0 投票
2 回答
1154 浏览

react-native - 抽屉未导航到 React Native Navigation 5 中的下一个屏幕

我正在使用带有导航 5 的反应原生抽屉,我已经创建了一个抽屉,但是当我单击某些选项导航到下一个屏幕时,从抽屉中它给了我错误,例如“未定义不是对象 ..this.props”,当我定义像它一样放在顶部的道具const navigation = this.props.navigation然后给我错误“导航未定义......”这是我放置内容的抽屉:

这就是我放置抽屉屏幕的地方:

0 投票
0 回答
1479 浏览

react-native - React Native - 如何根据抽屉项目选择在特定选项卡上设置抽屉导航内容?

我想要实现的是我的应用中有 2 个标签

1) Home => 按下它会显示一个简单的屏幕

2)菜单=>按下它会根据抽屉是否打开来打开和关闭抽屉。

抽屉有自定义内容。它有 4 个按钮 1) 帐户 2) 报告 3) 图表 4) 列表

在任何抽屉项目上选择它应该在“菜单”选项卡导航器空间中打开相应的页面。

那么如何管理这种导航呢?

我怎样才能做到这一点?

任何人都可以提出解决方案吗?

谢谢。

0 投票
1 回答
1225 浏览

react-native - React native:如何让多个抽屉导航器链接指向同一个堆栈导航器中的屏幕

我是本地人的新手,我还没有看到任何人问过这个问题,或者没有找到解决这个问题的方法。

使用带有博览会的反应导航 5。

目前我有以下应用程序结构:抽屉导航器内的堆栈导航器。

如何在抽屉导航器加载 RouteStack:屏幕 1/屏幕 2 中获取屏幕 1/屏幕 2 链接?提供这些链接是为了轻松跳转到所需的屏幕。

需要一些关于如何实现这一目标的指导。

我考虑过抽屉内部的可能性,但抽屉内部的屏幕可能未在堆栈中列出。因此,与抽屉内的堆栈一起去。

我也尝试在 RouteStack 内做一个 navigation.navigate(route.name)

示例代码:抽屉导航器:

堆栈导航器 (RouteStack) 如下所示:

在此先感谢您的帮助。

0 投票
0 回答
259 浏览

react-native - DrawerNavigation 动态初始路由

我想根据异步存储中的密钥动态呈现初始路由。有很多方法可以做到这一点,但就我而言,我找不到任何工作。这是我的导航器文件。

要在 getRote() 中使用 asyncStorage,我必须执行类似的操作

但是当我使用异步时,函数返回一个对象而不是字符串,就像它在我的第一个 getRoute 函数(没有异步的函数)中返回的那样。它显示以下错误:

在此处输入图像描述

0 投票
1 回答
2171 浏览

react-native - 无法填满 DrawerContentScrollView 的整个高度

我正在开发导航抽屉:

正如您在上面看到的,我正在通过实现自己的MyDrawer组件来自定义抽屉的内容。

在 的渲染部分MyDrawer,我有:

我想要通过填充整个高度来View直接包裹的绿色组件。上面的代码显示了我尝试过的内容,但无论我做什么,那个绿色的 View 组件总是只根据它包装的内容占据高度。那么如何让它填满整个高度呢?DrawerContentScrollViewDrawerContentScrollView

0 投票
1 回答
622 浏览

react-native - 在反应本机中单击底部选项卡时打开抽屉

我是反应原生的新手。我有一个名为“联系人”的选项卡,我想在用户单击它时打开抽屉。当我单击“联系人”选项卡时,下面的代码会打开抽屉屏幕。但我想打开导航抽屉。

非常感谢您提前...