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

react-native - 带有 React Native 的透视动画抽屉?

我想创建如下透视动画 -

反应原生缩放抽屉

我正在使用react-native-scaling-drawer并且目前已经完成 -

App.js的是根文件,如下所示 -

应用程序.js

Walkthrough.js的文件是显示应用程序演练的文件,如下 -

演练Stack.js

MyDrawerStack.js是在 repo 中显示动画的文件 -

DrawerStack.js

但这不起作用,如 repo 的 README 中所示。怎么做 ?

0 投票
0 回答
1191 浏览

react-native - 如何使用 react-native-router-flux 和 redux 实现侧边菜单

我尝试了几乎在这里找到的解决方案,我发现这个链接包含一个关于使用 RNRF 抽屉功能和 redux 的教程:https ://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO .md 但链接不再有效,有人可以帮我吗?

这是我的 Router.js

这是我的 SideMenu.js:

错误: 调试器错误

0 投票
1 回答
33 浏览

react-native - 为什么我的抽屉里的背景是空的?

我使用 react-native-drawer,我为其内容设置了一个图像和一个列表,我发现在图像和列表之间有一个空背景。 在此处输入图像描述

即使我删除了空白背景仍然存在的图像。我实在想不通。任何人都可以给我一些建议吗?

这是我的抽屉设置:

这是我的 ControlPanel.js

0 投票
1 回答
530 浏览

android - 如何在抽屉菜单中为单个菜单项添加图标?

我正在使用抽屉菜单,我需要为每个菜单项添加图标。如何添加图标以使它们显示在 eah 活动名称之前?

我的代码 -

达到 -

需要添加这些位于每个选项卡左侧的图标

尝试icon为每个 id 和图像添加属性,但不幸的是它没有按预期工作。

如何添加资产文件夹中的图标,以便它可以按照与此问题一起附加的设计显示?

0 投票
1 回答
5269 浏览

reactjs - 如何从 react-native 应用程序中的构造函数更改 navigationOptions 中的标题标题?

在我的 react-native 项目中,我使用了 DrawerNavigator,从中导航到 SwitchAccount 页面。在 SwitchAccount 页面中,我使用了 react-native-tabs 中的选项卡。下面是我使用的代码

当我单击选项卡时,它会更改状态,然后我得到 _renderTab 函数返回的新组件。一切正常,但我想根据 _renderTab 函数返回的组件更改标题标题。我应该怎么办?有什么方法可以从构造函数更改标题标题?下面是我在 SwitchAccount 页面中的 navigationOptions 代码。在那里我想从构造函数中更改标题。

0 投票
0 回答
240 浏览

reactjs - 抽屉的位移而不是覆盖反应导航 createDrawerNavigator

我在我的 react native 项目中使用 react-navigation(2.14.2) 并且我想使用具有置换效果而不是覆盖的抽屉。要清楚 -

我要这个
在此处输入图像描述

react-navigation 给出的是这个 -

在此处输入图像描述

如何在 createDrawerNavigator 中实现置换?

0 投票
2 回答
7522 浏览

react-native - 用 DrawerNavigator 反应原生 BottomTabNavigator,如何让底部导航器始终可见

我已经浏览了 SO 和 github 上关于反应导航的各种帖子,但其中大多数是反应原生堆栈导航器与抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。

我想做的是我有一个带有五个屏幕的底部标签栏,可以很好地加载正确的数据,我想添加一个抽屉导航器以提供更多屏幕并具有不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器,但是当抽屉打开时,它与底部标签栏重叠,因此只要抽屉打开,底部标签导航就没有用了。在抽屉导航器下添加选项卡也会显示Tabs为抽屉菜单中的选项之一。

我想要实现的是,1. 底部标签导航始终可见。2. 当抽屉打开时,抽屉菜单打开并且不重叠底部标签栏。3.抽屉菜单应该只有那些可以从抽屉菜单导航的屏幕。

下面是我的导航代码,

有人可以帮我吗?

谢谢,维克拉姆

0 投票
1 回答
1029 浏览

react-native - Drawer Navigator 事件(打开、关闭)为菜单设置动画

我的抽屉:

这是我的侧边栏组件:(更清晰)

如您所见,我使用来自https://github.com/oblador/react-native-animatable的动画视图

这个库得到了onAnimationBegin,所以我想要从抽屉中获取一个“事件”,上面写着“我打开”,所以我可以调用onAnimationBegin来开始我的动画。因为在我的例子中,它是一个循环,只是为了看看动画是否有效。

非常感谢你的帮助

0 投票
0 回答
245 浏览

react-native - 反应原生抽屉/侧边菜单问题

我的项目中有这个代码结构 -

在每个选项卡屏幕中,我都想要公共侧边菜单。我在上面做了这样的事情。但我的问题是,当我导航到选项卡详细信息屏幕(通过单击选项卡屏幕内的按钮)时,后退按钮可见嵌套堆栈。但不是这个,我想要父级中的后退按钮(通用标题/菜单)。请让我知道如何实现这一目标。

0 投票
1 回答
680 浏览

react-native - 在动态图像和名称中反应原生 Drawer Navigator

我是 react native 的新手,我想显示来自我使用以下代码的服务器的数据,但不知道如何在此处使用 fetch 方法来调用 api。

这是抽屉导航器:

我想在下面的组件中使用动态图像和名称:

在上面的代码中,我使用 const AppDrawerNavigator 来调用 DrawerNavigator,而对于 contentComponent,我使用了 CustomDrawerContentComponent,所以我很困惑如何在这里使用 API 方法。