问题标签 [react-native-navigation-v2]

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 回答
100 浏览

react-native - react-native-navigation 中抽屉所需的建议

这是我在 react-native 项目中的第一次尝试,react-native-navigation 是否有抽屉内置?如果是这样,请分享文档链接吗?对使用 react-navigation 或 react-native-navigation 感到困惑。我的要求是关于屏幕的导航、抽屉、标签。注意:我需要一个原生导航来吸引用户。

我使用了 react-native-router-flux,它没有太多文档,但对所有解决方法都有很好的答案。现在也没有维护。所以确实要选择一个新的。

0 投票
1 回答
105 浏览

react-native - 在android的特定屏幕上请求权限

对于 react native 应用程序导航,我在这里使用 react-native-navigation v2,我使用 bottomTabs 创建了导航。这是导航处理程序

使用此 bottomTabIcon 函数创建的图标选项卡。

这是问题所在,当用户登录应用程序时,它在 MainScreen 中请求权限(相机、音频等)我想在特定屏幕上执行此操作,之后我发现底部选项卡中的所有屏幕都已安装。所以如果我打电话在 CaptureScreen 中的 componentDidMount 中执行它将在 MainScreen 中工作。我该如何解决这部分?我是 react-native 的新手,所以你可以在这段代码中发现一些奇怪的东西。感谢您的帮助和关注。

0 投票
0 回答
522 浏览

react-native - React Native Navigation v2 增加 topBar 高度

如何在 React Native Navigation 中增加我的 topbar 的高度?在样式文档中,android 中只有一个高度选项,这不会将其他内容(标题、按钮等)置于 topBar 的中心,只会将高度添加到标题的底部。我目前的选择是:

0 投票
1 回答
595 浏览

reactjs - 自定义组件 topbar 按钮事件 RNN v2

我的 RNNv2 顶部栏中有一个自定义组件“菜单按钮”。我希望 openMenu() 在单击此按钮时运行,但这不会发生。我的打字稿 linting 告诉我Property openMenu does not exist on typeof Home。为什么是这样?

参考我的passProps代码来自:https ://github.com/wix/react-native-navigation/issues/3648

0 投票
2 回答
3190 浏览

react-native - React Native Navigation - 底部选项卡和抽屉

我正在尝试在我的 jhipster ignite 应用程序中添加底部标签栏,该应用程序使用 react-native-navigation v2。

屏幕注册如下:

例如:

这是完整的导航:

我没有收到任何错误消息,我的应用程序只是在启动后停止。当我放:

代替bottomTabs:appStack中的bottomTabs,应用程序工作(但没有底部标签栏)

0 投票
1 回答
2087 浏览

react-native - 使用 wix react native navigation v3 设置反应原生推送通知 - 应用关闭时出现问题

我正在发送一个通知,当单击通知时将用户导航到特定屏幕。当应用程序在后台打开或运行时,这非常有效,但是,当应用程序关闭时,onNotification 不会被调用。我正在使用 react native 推送通知和 wix react native navigation V3。

我通过在通知中放置一个控制台日志来注意到这个问题,它从未被调用过。

在 index.js 我有以下代码

在 App.js 中

那么通知的配置如下:

我希望至少能看到 console.log,但它没有发生。

带有 RN 推送通知的 RNN V3 的正确设置是什么?

0 投票
1 回答
314 浏览

react-native - React native on double backpress 显示白屏

当我更快地按下应用程序返回按钮两次时,它显示空白屏幕。它没有重定向任何只显示白屏的地方。

0 投票
1 回答
242 浏览

react-native - setDefaultOptions VS。静态选项 VS。setRoot 中的选项

使用Wix 的react-native-navigation,使用这些方法设置布局选项有什么区别?

对比

对比

在组件内部静态定义选项而不是使用选项初始化根有哪些原因/案例/等?这些不同方式的功能差异/幕后发生了什么?

0 投票
1 回答
616 浏览

android - wix react-native-navigation 更改选项卡动画

有什么方法可以在 react-native-navigation 中使用 bottomTabs 布局设置屏幕之间的过渡动​​画?

预期行为:

在此处输入图像描述

反应原生:0.61.1

反应原生导航:3.2.0

0 投票
2 回答
4898 浏览

react-native - 如何使用反应原生导航 v2 多次打开具有不同内容的同一个屏幕?

目标是重用具有不同内容的相同屏幕 ui,并且仍然能够使用 react native navigation v2 处理后退导航(例如 reddit 应用程序如何在您单击它们时显示多个用户/提要屏幕但仍处理自定义后退导航)?

尝试使用动态屏幕 ID 并在状态变量中使用它们。这种方法我还没有走得很远。

内置的后退按钮处理后退导航,但考虑如下场景:

我正在处理一个表格,然后我打开另一个表格,处理它,保存它,然后必须返回到现有表格。自定义处理程序不允许这样做。

代码:

主屏幕:

在表单屏幕中: