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

android - React Native Android Hardware Back 按钮无法正常工作

登录屏幕.js

LandingScreen.js

我使用Wix 的 react-native-navigation 来进行应用导航。这里我附加了登录屏幕和登录屏幕。成功登录后应用导航到登录屏幕。之后我点击返回按钮它将返回登录屏幕。我需要避免那个。我该怎么做?我试图退出应用程序。但它也无法正常工作。如果有人知道这一点,请帮助我。在此先感谢。

0 投票
0 回答
759 浏览

react-native - React Native - 无法捕获硬件后退按钮单击事件

我曾经使用Wix的 react-native-navigation 来进行应用导航。但它不能正常工作。通过我的应用程序对用户进行身份验证后,成功导航到主屏幕,但问题是当我按下 android 后退按钮时,它会再次导航到登录屏幕。我需要避免这种情况。我该怎么做?最后尝试完全退出应用程序。但它也无法正常工作。我尝试了一些解决方案,但这些解决方案对我不起作用。在这里,我附上了一些我尝试过的解决方案。

尝试01

尝试01:此功能正常工作,但这并不能解决问题。

尝试02

尝试02:在此尝试“onNavigatorEvent(事件)”正常工作。但是第一次(第一次用户登录系统,直到会话保存)不起作用,但此后任何时候此功能都起作用。

这是完整的代码。

LandingScreen.js

感谢有人可以帮助我纠正方法。谢谢。

0 投票
0 回答
184 浏览

reactjs - 使用 React 本机导航重新启动应用程序时出现间歇性黑屏

我正在使用React 本机导航 V:"^1.1.334"来处理我的应用程序中的路由。我目前正在渲染一个登录屏幕,然后使用 redux/redux-saga 调度一个操作来更改状态,具体取决于用户是否登录。我在发布版本中遇到问题,过了一段时间,如果我重置应用程序,它只会呈现一个空白屏幕,屏幕上什么也没有,修复它的唯一方法是完全擦除应用程序的数据和缓存。强制应用程序停止不起作用。我想有很多可能的原因,但我高度怀疑这可能与我实现登录屏幕逻辑以切换到受保护内容的方式有关。我有一个非常标准的 index.js

然后在我的登录屏幕中,我有身份验证逻辑

checkAuth函数调度一个异步操作,然后如果用户通过身份验证,则通过 redux 更改状态并user.isAuth更新,这将重置应用程序。我认为问题是在主屏幕仍在渲染时我可能无法重置应用程序?因为也许它会触发某种赛车条件并且没有渲染任何东西?

所以我的问题是将这个逻辑放在渲染方法中是否会发生冲突,如果是这样,应该在哪里实现所述逻辑?或者这可能是 react-native-navigation 的问题?

我检查了 log-android 的输出(因为它是一个发布版本),当应用程序正确呈现时输出似乎相同,而当它不正确时,至少没有明确抛出任何错误。

如果你好奇的话,这就是它的样子。也可能是我也在启动我的应用程序singleTask吗?应该是别的吗?我更改了它,因为按下后退按钮时应用程序从后台返回时遇到问题,这并没有解决。那是另一个问题。

0 投票
1 回答
2923 浏览

react-native-navigation - React-Native-Navigation (WIX):如何更新底部标签的徽章计数?

我正在使用 Navigation.mergeOptions() 函数来尝试更新第三个选项卡(tabindex = 2)的徽章计数,但是,徽章计数没有更新。这是 setRoot 的原始布局对象的样子:

然后,在我的一个组件中,我这样做了,但它对徽章计数没有影响:

我很确定那是错误的,我什至尝试在上面的第一个代码块中复制原始布局对象,除了徽章计数不同,它什么也没做。有任何想法吗?谢谢!

0 投票
1 回答
9715 浏览

react-native-navigation - 如何使用反应原生导航 v2 添加侧边栏抽屉?

使用 react-native-navigation v1,您可以像这样设置抽屉:

在 react-native-navigation 的文档中,他们提到仍然支持抽屉, 抽屉支架

但没有例子说明它的用法。我尝试了与 v1 相同的方法,但没有奏效。有没有人以某种方式实现了它?

0 投票
1 回答
339 浏览

react-native - 如何访问另一个屏幕组件的方法?

在 LoginScreen 内部,成功登录后,我想在 HomeScreen 组件中调用 Fetching Data 方法。

0 投票
1 回答
669 浏览

react-native - 一页上带有侧边菜单的基于选项卡的菜单

我正在尝试将基于选项卡的菜单和侧边栏菜单放在一个页面上,以用于 react-native 应用程序。目前只显示其中一个,基于选项卡的菜单或侧边栏菜单。这是我的导航代码。我用过 wix react-native-navigation。目标是使两个菜单都在单个屏幕上工作。请帮助。

0 投票
1 回答
62 浏览

react-native - React原生项目初始化,ios库链接

初始化新项目时,我看到有 2 个选项:

  • react-native init AwesomeProject
  • create-react-native-app AwesomeProject(我选择了这个)

我一直在尝试安装 react-native-navigation v2.0。在 xcode 中有修改库的说明。我无法在 xcode 中打开我的项目。我的新 AwesomeProject 没有 .xcodeproj 项目。我很难理解:

  • 是否所有 RN 项目都有 .xcodeproj 项目
  • 上述项目初始化命令之间是否存在根本差异,我实际上无法通过 xcode 修改库文件?

谢谢

0 投票
0 回答
164 浏览

react-native - drawUnderTabBar 属性不起作用

我正在使用 react-native-navigation 并且 drawUnderTabBar 属性不会在选项卡后面显示我的屏幕背景。我尝试将道具放在 navigatorStyle、appStyle 和 tabsStyle 中无效

0 投票
0 回答
203 浏览

react-native - react-native android中的样式顶部按钮

我正在使用 react-native-navigation 并且我无法为 android 设置正确的按钮样式(应用字体和颜色等)(并看到带有黑色的大写文本)。但是这些样式适用于 ios。任何人都可以提出一些解决方案吗?