问题标签 [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 投票
2 回答
1302 浏览

react-native - React-native Drawer Navigator 打开但单击项目不会更改视图

我正在尝试使用 DrawerNavigator 在我的应用程序中的一些记录页面之间导航。当我向右滑动时它会打开,但当我选择一个项目时它不会改变视图。

我正在 Android 设备上运行该应用程序。

应用程序.js

应用导航器.js

导航到主页 登录完成后,它使用以下命令重定向到主页:

登录后,我被重定向到主页,这就是我向右滑动时看到的内容,但单击它们不会改变任何内容。

抽屉导航器

这是我的第一个反应原生项目,所以我不太确定我在做什么。

0 投票
0 回答
509 浏览

react-native - 如何在 React Native 中同时显示底部导航器和抽屉导航器

我是 React Native 的新手。我想构建底部导航器和抽屉导航。我使用了下面的代码,我无法从抽屉菜单导航到页面。我可以从 Tab Navigator 导航到该页面。

在代码中,Drawer Navigator 和 Tab Navigator Screens 是不同的。

请帮助解决这个问题。

0 投票
2 回答
967 浏览

react-native - React Native Drawer改变状态栏的颜色

我正在使用React Native Drawer包。使用时,iOS 状态栏的背景颜色变为白色。

这是我的代码示例:

该演示可在此处获得:https ://snack.expo.io/@dennismadsen/react-native-drawer-status-bar-issue

白色状态栏

如何解决此问题并使背景自动使用内容区域中的灰色背景?如果我Drawer从渲染方法中删除,状态栏的背景颜色会按预期变为灰色。

0 投票
1 回答
635 浏览

react-native - 我想更改抽屉中用户名的状态。从更新配置文件屏幕更新后

我已经创建了抽屉,contentComponent其中contentComponent有一个.js用于抽屉设计的文件。抽屉包含用户名和菜单选项卡。

现在,当用户名更新时,我在其中有一个名为更新配置文件的屏幕,只有抽屉应该显示更新的用户名。我在用户名中使用了状态Drawer.js

我尝试通过传递名为 updateUsername('new name') 的类函数。

并使用如下功能:

但它不起作用

0 投票
3 回答
1923 浏览

react-native - 如何禁用滑动打开但不关闭反应原生?

我想禁用滑动以打开抽屉导航但不关闭?

我找到了 android 的解决方案,但没有找到 react-native 的解决方案。目前我正在使用这个:

哪个有效,但我无法通过滑动关闭它。

我用这样的汉堡菜单图标打开抽屉:

这里有人已经这样做了吗?有没有办法drawerLockMode全局设置?onDrawerOpenedonDrawerClosed道具存在吗?谢谢!

0 投票
1 回答
317 浏览

react-native - 如何在 REACT NATIVE 中打开第二个抽屉

我必须在两侧做 2 个抽屉和一个底部标签导航器。我试图用 react-navigation 来做,但我做不到,因为 openDrawer 代码只打开了其中一个,所以我卡住了,请帮帮我。我怎样才能给抽屉 ID、钥匙或其他方法。

反应原生

我试过你的代码,但我得到了 TypeError: undefined is not an object (evalating 'this.props.navigation.dispatch')

0 投票
0 回答
84 浏览

react-native - 使用 createDrawerNavigator 显示抽屉项目?

我正在创建一个 Drawer 使用createDrawerNavigator并创建一个customDrawerComponent当我传递<DrawerItems {...props} />它给我错误时:

Invariant Violation: Invariant Violation: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.Your likely from forget to export your component from the file it's defined in, or might have mixed up default and named imports.

我不明白我的代码有什么问题。请帮我修复它。

这是我的代码:App.js

主页.js

0 投票
0 回答
172 浏览

reactjs - 如何获取在主选项卡导航器中设置的默认 HeaderTitle?

我想获取默认的 HeaderTitle 并根据我的组件对其进行更新。标题标题在 MainTabNavigator 中添加为

我想在某些事件上切换 headerTitle 请建议我解决方案,因为我想将 headerTitle 仅保留在一个位置并根据需要在它之间切换。

0 投票
1 回答
373 浏览

react-native - 打字稿抽屉初始路线

我正在尝试结合 react-native、react-navigation-drawer 和 typecsript 并出现此错误:

TypeError:null 不是对象(评估 '_ReanimatedModule.default.configureProps')

环顾四周,我觉得问题可能是没有指定默认路线。 文档说应该有一个initialRoute:

几个选项被传递给底层路由器以修改导航逻辑:

initialRouteName - 初始路由的 routeName。

但是NavigationDrawerConfig 的打字稿绑定不包含这样的字段。这只是打字稿绑定的问题吗?

我真的没有从默认的打字稿模板做太多事情:

0 投票
2 回答
2086 浏览

javascript - React Native - 在 AppNavigator 之外访问抽屉导航

我希望能够访问

从导航栏,但我得到

如何允许 NavBar 访问抽屉?