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

reactjs - 在本机反应中使用抽屉导航登录和注销

我的主要问题是登录后我想从抽屉栏中隐藏登录,而不是登录想要显示注销,

0 投票
0 回答
27 浏览

react-native - 给抽屉的场景添加样式 react native

我正在尝试设置抽屉场景的样式,如下图:

在此处输入图像描述

但我找不到任何方法来做到这一点,只能设置 Container:sceneContainerStyle方法的样式。

任何人都可以帮助我吗?

感谢

0 投票
0 回答
219 浏览

react-native - 在最新版本的 React-native-reanimated 中出现错误——TurboModuleRegistry.getEnforcing(...)

我正在尝试在我的应用程序中创建抽屉导航。为此,我正在使用“react-navigation-drawer”库,但它具有“react-native-reanimated”的依赖性

我已经安装了“react-native-reanimated^2.0.0”并运行该项目,而不是在模拟器上给我这个错误和空白屏幕

错误不变违规:TurboModuleRegistry.getEnforcing(...): 'NativeReanimated' 找不到。验证此名称的模块是否已在本机二进制文件中注册。错误不变违规:模块 AppRegistry 不是已注册的可调用模块(调用 runApplication)。错误的常见原因是应用程序入口文件路径不正确。当 JS 包损坏或加载 React Native 时出现早期初始化错误时,也会发生这种情况。
错误不变违规:模块 AppRegistry 不是已注册的可调用模块(调用 runApplication)。错误的常见原因是应用程序入口文件路径不正确。当 JS 包损坏或加载 React Native 时出现早期初始化错误时,也会发生这种情况。

0 投票
0 回答
48 浏览

react-native - 从底部单击时如何使抽屉从右侧滑动

我想从右向左滑动并在底部导航中制作菜单选项卡......这是我的代码


我正在查看当前的屏幕截图 ==第一个屏幕截图 第二个屏幕截图

在当前的第二个屏幕截图中,当我按下菜单选项卡时,它没有打开抽屉屏幕,它是从顶部菜单按钮打开的......如何让它从底部菜单选项卡打开......

0 投票
1 回答
2246 浏览

react-native - React Native Reanimated:'AnimatedNode 类型的参数' 不可分配给“数字”类型的参数。ts(2345)

我需要使用 React Native Reanimated ( https://www.npmjs.com/package/react-native-reanimated ) 创建抽屉动画。

在更新前插值方法与 2 个参数一起正常工作。像这样使用

但更新后,该方法将带 3 到 4 个参数

现在我得到如下错误

我当前的 React Native Reanimated 版本是 2.1.0

通过drawerContent(DrawerContentComponentProps)传递道具如下

0 投票
0 回答
53 浏览

react-native - 如何在 DrawerItem 中添加 React 本机矢量图标

我正在尝试在 DrawerItems 中添加反应原生矢量图标。但我认为我没有以正确的方式添加它。所以请帮忙。我如何在 DrawerItems 中添加反应原生矢量图标。

这是我的代码

0 投票
1 回答
388 浏览

react-native - 如何使用navigation.openDrawer()在本机反应中打开抽屉

我想创建一个汉堡图标来打开抽屉,但一直无法这样做。我在标题右侧包含了图标按钮。每当我单击它打开抽屉时,它都会显示未定义函数的错误。我在下面提到了错误。

TypeError:navigation.openDrawer 不是函数。(在 'navigation.openDrawer()' 中,'navigation.openDrawer' 未定义)

这是 App.js,在这里我提到了使用 createDrawerNavigator() 的抽屉代码

应用程序.js

这是 AccountScreen.js,在这段代码中,我创建了图标按钮来使用 navigation.openDrawer() 打开抽屉

AccountScreen.js

请帮助我识别错误。

0 投票
0 回答
31 浏览

react-native - 功能组件中的自定义抽屉 screenProps

我正在尝试将我的状态从父组件传递给子组件。

到目前为止,它看起来像这样,但我知道它不是正确的方法,但我似乎无法理解它是如何工作的。

然后在子组件中我试图这样称呼它们:

我对这一切都很陌生,所以可能是一些非常基本的理解,但我似乎无法让它工作,我发现的所有示例都使用类组件。提前感谢您的帮助!

0 投票
0 回答
49 浏览

react-native - React Navigation,是否有一种简单的方法覆盖 onClick 抽屉导航器,或返回堆栈顶部?

我有一个抽屉导航器,其中包含几堆导航器。我想让抽屉导航器的点击做两件事之一。

  1. 如果用户选择导致另一个堆栈的选项,请导航到该堆栈。(默认动作)
  2. 如果用户选择了导致相同堆栈的选项,请导航到该堆栈的顶部。

因此,如果您想象我的抽屉中有两个堆栈:堆栈 A {屏幕 1,屏幕 2,屏幕 3} 堆栈 B {屏幕 5,屏幕 6}

如果用户在屏幕 3 中(在堆栈 A 中),他们打开抽屉并选择堆栈 A,我希望他们返回屏幕 1(也在堆栈 A 中)。React 5 中的当前行为是不导航到堆栈中的顶部屏幕,从技术上讲它们在同一个堆栈中,并且抽屉只是选择堆栈。

0 投票
0 回答
265 浏览

javascript - 这些文件都不存在:* node_modules\@react-navigation\drawer\src\views\DrawerToggleButton(.native|.ios.ts|.native.ts|.ts|.ios.tsx

我正在尝试向我的 React-native expo 应用程序添加一个抽屉。但是运行后,它给了我标题中提到的错误。我觉得好像我缺少一些对等依赖项但是我在这里安装了反应导航文档中提到的任何内容:https ://reactnavigation.org/docs/getting-started#installing-dependencies-into-an-expo-managed-项目

这是错误来自哪里的代码: