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

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

mobx - 如何通过 Wix 将 MobX 与 react-native-navigation 一起使用?

来自网站的报价:

我们完全支持 Redux、MobX 和其他状态管理库。

但是,如果我尝试将 store 和 Provider 传递给 registerComponent() 我仍然收到错误,react-mobx 无法注入不存在的 store。我也尝试过兆赫兹的Provider,但似乎这段代码已经过时了。

有什么方法可以将本机导航 v2 与 mobx 一起使用?

0 投票
1 回答
1294 浏览

react-native - 带有 redux 的 React-Native-Navigation V2 无法传递道具

我有一个简单的两屏应用程序,带有 redux 和 React-Native-Navigation V2。我尝试将列表中的项目作为道具传递到另一个视图。不幸的是,我收到一个错误:

TypeError:无法读取未定义的属性“id”

该项目已通过但未在第二个视图中作为道具接收。在没有 Redux 的情况下一切正常。我是否正确注册了视图?

观看登记:

第一视角:

第二种观点:

0 投票
0 回答
742 浏览

android - React Native Navigation - [FAB] 浮动操作按钮未按预期显示

我正在使用 React-native-navigation(wix),并且存在与 React 本机 FAB(浮动操作按钮)相关的问题。

要求 - 我需要在 componentDidMount 生命周期方法中设置 FAB,如下所示

this.props.navigator.setOnNavigatorEvent(this.onNavigatorEvent.bind(this));在全球范围内管理,它按预期工作。我遇到的问题是,当我在其中设置 FAB 时,它没有在我的 UI 中按预期显示,componentDidMount()但如果我设置为 a static button它可以完美运行。它在功能内部也能完美地完成这项工作render()

我很困惑为什么我不能在componentDidMount()[initial page load] 中设置按钮?

0 投票
1 回答
127 浏览

reactjs - 启动 React Native 应用程序时,我错误地认为函数作为 React 子级无效

我正在尝试使用 react-native-navigation 和 redux persistStore 中的 persistStore 启动我的应用程序。我收到警告说函数作为 React 子级无效。如果您返回一个组件而不是从渲染中返回,则可能会发生这种情况。

是否有任何解决方法来启动这个初始屏幕,最近我添加了 startApp 函数并在渲染中调用它。

这是我启动应用程序的初始组件:

0 投票
2 回答
864 浏览

socket.io - 我们如何在应用程序终止时删除 React-native-navigation 中的侦听器

我们如何在 app kill 上删除 React-native-navigation 中的侦听器。因为在应用程序的启动中没有根组件,只有一个类,所以没有 componentWillUnMount。我需要在应用程序终止时删除一些侦听器,例如 react-native-fcm 侦听器和套接字客户端侦听器。谢谢

0 投票
0 回答
1121 浏览

react-native - 在 wix 的 react-native-navigation v2 中设置搜索栏的样式

我在 react-native 应用程序(iOS 11+)中使用搜索栏。

这些是我给屏幕的选项:

它确实显示了搜索栏:

在此处输入图像描述

但是,我想删除它默认添加的底部边框。

我怎样才能做到这一点?我尝试在 topBar 选项中将“noBorder”设置为 true,但它仍然显示边框。

0 投票
1 回答
2568 浏览

react-native - 使用 React Native Navigation V2 时关闭推送动画

Navigation.push使用RNN v2时如何关闭动画?

animated: false使用 V1 时尝试设置。但不适用于 V2

}

阅读 V2 文档,但没有发现任何帮助。

0 投票
0 回答
1451 浏览

react-native - 找不到符号:使用 react-native-navigation 时方法 getPackages()

我已经建立了一个新的 RN 项目,在我添加 react-native-navigation 之前它工作得非常好。我已遵循此处提供的所有步骤即使在尝试了我找到的许多解决方案之后,似乎也没有任何效果。

完整的堆栈跟踪:

重现步骤

  1. npm install --save react-native-navation
  2. 请按照以下步骤操作
  3. react-native run-android

环境

  • React Native Navigation 版本:1.1.486
  • React Native 版本:0.57.0
  • 平台(iOS、Android 或两者?):Android 设备信息(模拟器/设备?操作系统版本?调试/发布?):模拟器 | 调试 | Pixel2 Android 6.0 API 级别 23

安卓/settings.gredle:

安卓/应用程序/build.gradle:

更换

并将依赖项更新为:

MainActivity.java

0 投票
2 回答
291 浏览

react-native - 在 TabBar 控制器内向 RNN 添加持久视图

我想在标签栏内添加一个持久视图,如下所示的 Apple Music 应用程序。

苹果音乐

目前,我可以将此组件添加到每个屏幕的底部,但如果有一种方法可以将它附加到选项卡栏,这样应用程序中只有一个它的实例并且它不必重新按下标签的新屏幕呈现。谢谢。

0 投票
2 回答
828 浏览

ios-simulator - 无法在标签导航中显示图标 wix react-native-navigation

我无法让标签图标在 iOS 模拟器中呈现。

在 package.json

截屏:

在此处输入图像描述

环境

您对可能发生的事情有任何见解吗?我不再有错误(曾经有一些错误),所以我猜图像现在已正确链接/加载。但是在屏幕上看不到任何东西。