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

react-native - 使用模态响应本机导航:调整大小;从底部出现

  1. 如何指定模态高度反应原生导航?它默认拉伸全屏,如何拉伸半屏?
  2. 抽屉可以从底部显示吗?
0 投票
2 回答
738 浏览

reactjs - React-native-navigation 未从组件内部返回

我正在为我的应用程序使用 wix 的本机导航。

如果我的应用程序中只有这样的,它工作正常Navigation.startTabBasedApp

但是,我想根据用户是否登录有条件地呈现单个屏幕或基于选项卡的应用程序。但是,当我在应用程序组件中添加这两个并根据条件返回任何一个(在我的代码中为 true 仅用于测试)时,它不会返回任何内容?

这是我的代码:

谢谢。

0 投票
0 回答
1231 浏览

react-native-android - 来自 Android Drawables 和 iOS xcassets 的 react-native-navigation 选项卡栏图标

我在我们的 react-native 应用程序中使用 react-native-navigation 作为首选的导航方法。我们计划对图标使用混合方法,我们仍然在 xcassets 和 drawables 中添加图标。

从drawables加载它们时,我看到android上标签栏图标的特定问题。我的代码如下,适用于 iOS:

标签定义:

导航代码:

标签样式:

我们尝试过的:

  • 我尝试在列表视图中使用相同的图像,它显示正确,所以我认为 react-native 无法从可绘制中找到图像。
  • 我尝试为图像指定高度/宽度(不带比例),但它仍然不起作用。
  • 如果我使用 require('') 加载 JS 中的图像,那么它可以正常工作,但我们想使用 drawables。
  • 我试过去除水垢,但它仍然不起作用。
  • 对于 iOS,从 xcassets 加载图像并在标签栏中使用它没有任何问题。

版本信息:

反应原生:0.52.0 反应原生导航:1.1.314 Android 版本:模拟器:Android 5.1,Android 6.0

我们的选择已经不多了。最终的解决方案是使用本地图像而不是本地图像。

任何帮助表示赞赏。

注意:此问题不适用于反应导航。它适用于 wix 的 react-native-navigation 库,可在https://wix.github.io/react-native-navigation/#/获得。

0 投票
2 回答
399 浏览

react-native - 如何在当前窗口中禁用 sideMenu

即使用户在屏幕上向右或向左滑动,如何在当前窗口上禁用 sideMenu

环境

  • React Native Navigation 版本:2.0.2106
  • React Native 版本:0.52.2
  • 平台(iOS、Android 或两者?):两者
  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):全部
0 投票
2 回答
1363 浏览

react-native-firebase - React Native FIrebase 与 Wix React Native Navigation

有没有人让这两个一起工作?

我在我的应用程序中添加了 react native firebase,它在启动时崩溃了。

然后我测试了 react native firebase 提供的入门工具包,一旦我安装了 react native navigation,应用程序就会崩溃。

使用 React Native 0.51、React native navigation v1.1.365 和 react native firebase 3.2.2

谢谢

0 投票
0 回答
109 浏览

react-native-navigation - 如何防止抽屉关闭手势窃取事件

我有一个带有滑动显示部分的模式屏幕。我想把它移到抽屉里,但抽屉关闭动作偷走了所有的手势。有没有办法防止这种情况?

一种粗略的方法可能是拥有disableCloseGesture. 理想情况下,它只会响应从抽屉一侧的相对边缘开始的触摸。

0 投票
1 回答
4648 浏览

reactjs - react-native-navigation如何在`shouldComponentUpdate`中检测当前屏幕

我正在使用 react-native-navigation 并使用 redux 进行状态管理。当我使用“push”方法将screenA转到screenB时,screenA不会卸载。这将导致不需要的重新渲染,之前在 react-navigation 中我使用 shouldComponentUpdate 将组件与当前可见的屏幕匹配以停止重新渲染。

有没有办法在 react-native-navigation 中做到这一点?

0 投票
1 回答
477 浏览

react-native - 反应原生 wix/react-native-navigation

这个导航库有一些问题。
我看到所有组件都是独立的,但我需要在所有屏幕上都有 HOC。
例如,如果我没有连接,我只想显示一个屏幕,如果连接可用 - 显示当前基于选项卡的应用程序

我该怎么做?

感谢您的任何想法。

注册组件代码

0 投票
0 回答
671 浏览

react-native-navigation - 从标签栏打开模式

我有 3 个选项卡,我想在用户按下第二个选项卡时打开一个模式,此时它只是导航到屏幕。

提前致谢

0 投票
1 回答
1781 浏览

react-native - 如何在 android 上正确安装 react-native-navigation

react-navigation切换到react-native-navigation后,我的应用程序无法正常启动。

它要么显示为空白屏幕,要么立即切换到背景而无法切换回来。摇动设备或远程命令adb shell input keyevent 82不会显示开发者菜单。

使用相同结果创建的新应用程序react-native init

在这两种情况下,我都严格执行了以下步骤:https ://wix.github.io/react-native-navigation/#/installation-android

启动示例应用程序也无法正常工作,但它会启动,我可以使用开发菜单,尽管 redux 示例对我来说很好。

我发现很多人以前遇到过同样的问题,但没有解决方案。https://github.com/wix/react-native-navigation/issues/2737#issuecomment-367812629,它说导航有效,问题出在JS方面。如何修改 JS 应用程序以使用此导航系统?