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

wix-react-native-navigation - 应用程序尚未注册(react-native-navigation v2)

反应原生导航 v2 问题。

我的应用程序以 index.js 开头,它也注册到 AppDelegate 中。这是详细信息:

import { AppRegistry } from 'react-native'; const { start } = require('./src/app'); start();

这里 app.js:

```

屏幕注册:

环境:

0 投票
1 回答
1151 浏览

javascript - WIX React-native-navigation v2 不会调用 registerAppLaunchedListener()

我正在尝试使用 react-native-navigation 启动一个项目,但似乎无法上路。

现在,我收到的错误是 React 无法渲染根组件,我已经设法找到原因(据我所知)是我创建的函数 Navigation.events().registerAppLaunchedListener 从未被调用,我似乎找不到不这样做的原因。我的代码如下

我的 App.js 文件是项目要调用的第一个 JS 文件。项目的根文件可以这么说

我的 Navigation.js 文件,带有从 App.js 调用的 start() 函数。在这里,我在 registerAppLaunchedListener() 中初始化根屏幕,这是我的问题。

./screens 中的 index.js 文件,用于将屏幕组件注册到 ID,稍后在 setRoot 下的 registerAppLaunchedListener() 中使用

最后是我想首先显示的屏幕,永远不会显示的屏幕,LoginScreen.js。很基础。

我试图按照react-native-navigation 文档及其示例应用程序上的指南进行操作,但无法理解我正在做的不同之处在于搞砸了!

我的第一个想法是,我认为这可能与我如何导出组件和功能有关,但似乎并非如此。

控制台日志:START REGISTER REGISTERING APP LAUNCH LISTER

但不是从 registerAppLaunchedListener() 设置根,所以这就是为什么我认为这是问题所在。

相反,我收到以下错误堆栈

▼警告:React.createElement:类型无效——期望一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:对象。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

在 registerRootComponent.js:35 检查您的代码。在 ExpoRootComponent (at renderApplication.js:33) 在 RCTView (at View.js:60) 在 View (at AppContainer.js:102) 在 RCTView (at View.js:60) 在 View (at AppContainer.js:122)在 AppContainer 中(在 renderApplication.js:32 处)

任何能让我找到解决方案的东西都非常感谢!

0 投票
1 回答
444 浏览

react-native-navigation-v2 - react-native-navigation-v2 disabledOpenGesture和sideMenu的fixedWidth

我正在使用模块“react-native-navigation”:“^2.0.2334”。

我想使用通过滑动打开的块 sidMenu 并使用 fixedWidth 我能够在 V1 中使用“disabledOpenGesture”选项,但我不知道如何将此选项应用于 V2。

我试过这样,但没有奏效。

代码

0 投票
1 回答
2093 浏览

react-native - wix-react-native-navigation v2 statusBar 不工作

我正在尝试react-native-navigation V2但无法更改状态栏颜色。

但这仅适用于操作栏,状态栏没有任何反应,它仍然是白色的。我正在使用 RN v= 0.54.2 和 react-native-navigation = 2.0.2373

更新

更新你的RNN,你将能够改变status bar颜色

0 投票
1 回答
1678 浏览

react-native - 所有选项卡的 react-native-navigation (wix) v2 静态场景

我们正在开发一个带有音乐播放器的应用程序(类似于 spotify)。即使 React-navigation 有效,我们也考虑过从 wix 切换到 React-native-navigation (v2)。在实现 RNN v2 时,我们遇到了将组件放置在 bottomTabs Bar 上方的问题,以便在选项卡切换时它保持静态。我们不希望组件通过切换选项卡重新呈现。它的行为应该类似于 Spotify 音乐播放器!那可能吗?

tl;博士

如何将组件(例如音乐播放器)放置在底部选项卡的上方。它不应该通过切换选项卡重新呈现。

非常感谢你的帮助

更新

这对我有用:

0 投票
1 回答
3977 浏览

android - React Native Navigation v2 (wix) 禁用 TopBar

我正在使用 wix 的 React-Native-Navigation v2(不是 React-Navigation)。我尝试禁用默认呈现的 topBar。

我使用了以下选项并正在渲染底部标签:

topBar 消失,但在bottomTabs 的选项卡的初始打开时显示drawBehind 动画。

有没有办法禁用 topBar ?

此致

0 投票
0 回答
42 浏览

javascript - 为每个页面设置一个状态变量

在每一页上,我都执行此功能:

我有时也有更多的异步函数,componentDidMount()但这个在每一页中。

有没有办法自动将我添加current_user到每个状态而不将其放在每个页面上?

我正在使用反应导航(堆栈)

0 投票
1 回答
1965 浏览

react-native - 在子组件中反应 this.props.navigation.openDrawer()?

我有一个通过 React Navigation 2 的 openDrawer 方法,在我的视图中运行良好。但是,当我创建一个子组件并将我的 openDrawer 按钮放入其中时,我无法再访问 this.props.navigation。如何将其传递给子组件?我查看了状态,但这似乎不是解决此问题的正确方法?我是 React/Native 的新手。这是我在主视图中的按钮,它可以正常工作。

这个菜单按钮还有一些其他的项目,我想作为一个孩子在一个类组件中组合在一起,我可以将它导入到各种屏幕中。

但是,菜单按钮现在不再起作用。我知道这是因为 this.props 现在指的是类 topMenuBar 而不是作为导航结构一部分的原始类。但是我不知道这一步的正确过程,无论是使用状态还是以某种方式从子方法中的 react-navigation 调用 NavigationActions。

谢谢您的帮助!

0 投票
0 回答
634 浏览

react-native - react-native-navigation v2 (wix) showModal 动画渐变

我目前正在开展一个项目,我们正在尝试实施 wix/react-native-navigation V2而不是 react-navigation。

我们想要与 Instagram 类似的行为。

我们正在setRoot上设置bottomTabs并考虑使用Navigation.showModal将以下屏幕显示为模态。

.

我们的问题

有没有办法改变模态的淡入动画?

.

你有关于这个问题的提示吗?

在我们可以推送其他屏幕的地方使用堆栈会更好吗?

.

谢谢你的帮助。

0 投票
2 回答
4916 浏览

react-native-navigation - 按下按钮时打开 SideMenu

我目前正在尝试从 V1 升级到 react-native-navigation V2,并且在试图找到一种在顶部栏按钮按下时切换侧面菜单的方法时遇到了困难。

我的应用程序以

有没有办法在当前版本中做到这一点?