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

react-native - 无法在反应原生导航中构建第三方

安装 react-native-navigation 后,我想重建它。构建失败。

FAILURE:构建失败并出现异常。

什么地方出了错:

无法解析配置 ':app:debugCompileClasspath' 的所有文件。
无法解析 com.aurelhubert:ahbottomnavigation:2.0.6。
要求:
项目:app > 项目:react-native-navigation 无法解析 com.aurelhubert:ahbottomnavigation:2.0.6。无法获取资源“ https://jcenter.bintray.com/com/aurelhubert/ahbottomnavigation/2.0.6/ahbottomnavigation-2.0.6.pom ”。无法获取“ https://jcenter.bintray.com/com/aurelhubert/ahbottomnavigation/2.0.6/ahbottomnavigation-2.0.6.pom ”。连接到 jcenter.bintray.com:443 [jcenter.bintray.com/75.126.118.188] 失败:连接超时:连接无法解析 com.aurelhubert:ahbottomnavigation:2.0.6。无法获取资源'https://dl.google.com/dl/android/maven2/com/aurelhubert/ahbottomnavigation/2.0.6/ahbottomnavigation-2.0.6.pom '。无法获取“ https://dl.google.com/dl/android/maven2/com/aurelhubert/ahbottomnavigation/2.0.6/ahbottomnavigation-2.0.6.pom ”。连接到 dl.google.com:443 [dl.google.com/74.125.24.93, dl.google.com/74.125.24.136, dl.google.com/74.125.24.91, dl.google.com/74.125.24.190]失败:连接超时:连接无法解析 com.balysv.materialmenu:material-menu-toolbar:1.5.4。要求:项目:app > 项目:react-native-navigation 无法解析 com.balysv.materialmenu:material-menu-toolbar:1.5.4。无法获取资源' https://jcenter.bintray.com/com/balysv/materialmenu/material-menu-toolbar/1.5.4/material-menu-toolbar-1.5.4.pom'。无法获取“ https://jcenter.bintray.com/com/balysv/materialmenu/material-menu-toolbar/1.5.4/material-menu-toolbar-1.5.4.pom ”。连接到 jcenter.bintray.com:443 [jcenter.bintray.com/75.126.118.188] 失败:连接超时:连接无法解析 com.balysv.materialmenu:material-menu-toolbar:1.5.4。无法获取资源“ https://dl.google.com/dl/android/maven2/com/balysv/materialmenu/material-menu-toolbar/1.5.4/material-menu-toolbar-1.5.4.pom ”。无法获取' https://dl.google.com/dl/android/maven2/com/balysv/materialmenu/material-menu-toolbar/1.5.4/material-menu-toolbar-1.5.4.pom'。连接到 dl.google.com:443 [dl.google.com/74.125.24.93, dl.google.com/74.125.24.136, dl.google.com/74.125.24.91, dl.google.com/74.125.24.190]失败:连接超时:连接

  • 尝试:使用 --stacktrace 选项运行以获取堆栈跟踪。使用 --info 或 --debug 选项运行以获得更多日志输出。

  • 在https://help.gradle.org获得更多帮助

在 3m 32s 内构建失败 5 个可操作的任务:1 个已执行,4 个是最新的 无法在设备上安装应用程序,请阅读上面的错误以了解详细信息。确保您有一个正在运行的 Android 模拟器或连接的设备,并已设置您的 Android 开发环境: https ://facebook.github.io/react-native/docs/getting-started.html

我没有更改 build.gradle 中的任何内容。提前致谢

0 投票
1 回答
1279 浏览

android - 如何在 react-native-navigation 中将图标添加到顶部导航栏?

问题描述

我正在尝试在顶部导航栏的右侧添加一个加号图标,我正在使用 wix 的 react-native-navigation 库。我收到这个错误

捆绑index.android.js [开发,未缩小,启用 hmr] 0.0% (3/662),失败。错误:捆绑失败:“TransformError F:/work/www/native/project8/wixnav/img/navicon_add2x.png: 意外字符 '�' (1:0) [F:\work\www\native\project8\wixnav\ img\navicon_add2x.png]"

1 | �PNG | ^ 2 | 3 | 4 | IHDR ## 6...... tRNS ...... IDATxc......

重现步骤

我按照文档,我只想添加一个图标按钮,所以我在构造函数之前的类中添加了这个:

环境

  • React Native Navigation 版本:1.1.235
  • React Native 版本:0.47.1
  • 平台:安卓
  • 设备信息:Real Device、KitKat 4.4.2、Debug。
0 投票
1 回答
2723 浏览

ios - 处理 iOS 上的状态栏

是否有一种 goto 方式来处理 iOS 上的状态栏?对于我的应用程序,我只希望所有内容都位于状态栏下方。但看起来唯一的方法是转到每个组件并添加填充?我猜想在 xcode 中有一种方法可以做到,但我不知道!

谢谢!

0 投票
1 回答
657 浏览

react-native - 在反应原生 wix 导航中,如何从另一个选项卡转到上一个选项卡?

我正在使用 react-native-navigation(wix) 并且我的应用程序中有 4 个根选项卡。当我从一个选项卡转到另一个选项卡时,我想导航回以前的选项卡。

0 投票
0 回答
270 浏览

react-native - testID 不适用于 react-native-navigation 中的 rightButtons

如何测试 react-native-navigation 的 navigatorButtons 中的按钮,我已经为 rightButtons 添加了 testID,但测试用例在测试 toBeVisible() 时失败。此外,我没有找到一种方法来检查“后退”和“sideMenu”默认按钮的测试用例。

0 投票
1 回答
572 浏览

ios - react-native-navigation(Wix) 适用于 android 但不适用于 ios:应用程序卡在启动画面 由 react native 提供支持,仅到达 index.js

我有标题中描述的问题。我运行调试器,它只到达 index.js 而不是 index.ios.js,因为它甚至不存在于调试器中。所以它应该是一个 react-native-navigation 问题。它卡在启动画面中,应用名称显示 Powered by react native。日志没有显示任何错误,只是随机警告。

我的 AppDelegate.m 是:

我的 index.js(调试器到达这个文件)

index.ios.js (android 一个和这个一样,它可以工作,调试器没有到达这个文件)

应用文件:

还有我的 startMainTabs 文件:

我在 package.json 文件中的依赖项:

有谁知道如何解决这一问题?非常感谢您的帮助!

0 投票
1 回答
1903 浏览

reactjs - 反应原生导航状态栏背景颜色

我正在尝试为我的应用程序做出反应原生导航(v2),但我无法让它改变我的状态栏的背景颜色。

我可以更改我的背景颜色topBar,但这不会影响状态栏背景颜色。在 iOS 状态栏颜色自动采用与顶部栏的 tintcolor 相同的颜色,我如何在这里复制相同的颜色?

0 投票
1 回答
601 浏览

react-native - 在 React Native Navigation 中更改“SingleScreenApp”的主屏幕

我是 React Native 的新手,我想react-native-navigation通过wix进行测试

我有一个带抽屉的 SingleScreenApp。见下文 :

为了具有类似菜单的行为,我想更改 SingleScreenApp 的主屏幕(通过单击按钮或其他交互)。

我坚持要更改/替换主屏幕,而不是推送或显示模式。

我应该用根屏幕不同的屏幕启动另一个 SingleScreenApp 吗?我应该使用“ resetTo ”方法吗?在性能方面什么是最好的?

非常感谢 !

0 投票
1 回答
252 浏览

react-native - React-Native-Navigation 图标对齐

我一直在我当前的 react native 应用程序中使用 react-native-navigation 并且遇到了问题。我的应用程序上有一个导航栏,左侧按钮作为抽屉菜单的切换,右侧按钮是链接到我们公司网站的徽标。

导航栏中的标志设置如下:

在 android 上查看应用程序时,我得到以下结果 ,如下所示

但是,在 iOS 上,我得到了这个.

我已经搜索了文档,似乎找不到任何可以像 Android 一样在 iOS 中将导航栏居中的内容。

环境:

  • React Native Navigation 版本:1.1.444
  • 反应原生版本:0.52.0
  • 设备信息:Android:运行 Android 8.0.0 的三星 Galaxy S9 // iOS:运行 iOS 11.3 的 iPhone X 模拟器
0 投票
1 回答
817 浏览

react-native-navigation - 从 React-native-navigation v1 到现有项目的 react-native-navigation v2

他们有什么方法可以将 react-native-navigation v1 项目转换为 react-native-navigation v2