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

react-native-navigation - 如何捕捉主页按钮按下?我需要模拟它的功能

每次用户按下后退按钮时,我的应用程序都会返回前台出现问题。我相信这可能是因为有一个声音播放模块可以重新启动活动,尽管这只是我的假设。但是,每当我按下主页(中间)按钮时,应用程序就会被发送到后台,并且一切都会相应地工作。我想通过捕获后按事件来模拟此功能,并以与主页按钮类似的方式处理它。在浏览源代码时,我发现了以下处理程序

android/reactnativenavigation/layouts/SingleScreenLayout.java

我一眼就能理解正在做什么,但是我对 Java 不是很熟悉,也不想引入任何涉及应用程序本机端的错误,谁能指出我需要修改什么?

0 投票
1 回答
333 浏览

react-native - 导航:project.testscreen 注册结果为 'undefined'

我刚刚使用https://wix.github.io/react-native-navigation/#/installation-ios上提供的安装指南和使用指南https://wix.github.io安装了 react-native-navigation /react-native-navigation/#/usage

我已经关注了这些并检查了多个示例应用程序,但我无法弄清楚为什么我的屏幕无法注册。

我收到的错误是:console.error:“导航:project.testscreen 注册结果是'未定义'”。

调用 registerScreens 并完成注册,但似乎注册结果未定义。

index.js

应用程序.js

screen.js

testScreen.js

反应原生:0.55.4

反应原生导航:最新(1.1.479)

0 投票
1 回答
642 浏览

android - 道具不会传递给 React Native Navigation v2 中的自定义顶部栏标题组件

我正在尝试将道具传递到自定义顶栏标题组件中。以下代码在 iOS 上运行良好,但道具不会传递到 Android 上的标题组件中。

我在这里错过了什么吗?似乎与这个问题有关。 https://github.com/wix/react-native-navigation/issues/3498

});

https://github.com/wix/react-native-navigation/issues/3498

0 投票
0 回答
127 浏览

react-native-navigation - 在反应原生导航之上添加 UIView

我正在使用 react-native-navigation 并尝试在所有内容的顶部添加本机视图。我在 AppDelegate 中初始化了 Swift 类并调用了 swift func:

View 似乎在加载应用程序时出现,然后在加载应用程序后消失。

正在加载应用截图...

提前致谢)

0 投票
3 回答
4288 浏览

react-native - WIX Navigation V2 - 推送到新屏幕时隐藏底部标签栏

问题描述

我有 TabBar 基础应用程序,在我的一个选项卡中,我需要将其推送到另一个屏幕,但标签栏不应显示在推送的屏幕中。但是底部栏仍然存在于推送的屏幕中。我想要实现的不是完全隐藏底部标签栏,而是将推送的屏幕放在标签栏的顶部。

重现步骤/代码片段/屏幕截图

这是我显示标签栏应用程序的代码:

bottomTabs: { id: 'BottomTabsId', children: [ { stack: { children: [ { component: { name: 'Home', options: { topBar: { backButton: { title: 'Back', }, title: { text: 'Home' } }, bottomTab: { fontSize: 12, text: 'Home', icon: require('./src/assets/home.png'), selectedIcon: require('./src/assets/home_active.png') }, }, }, } ] } }, { stack: { children: [ { component: { name: 'Booking', options: { topBar: { title: { text: 'Booking' } }, bottomTab: { text: 'Booking', fontSize: 12, icon: require('./src/assets/booking.png'), selectedIcon: require('./src/assets/booking_active.png') } } }, } ], }, }, ], },

图片来自ios 标签栏仍然存在:(

图片来自ios

我想要实现的是这个 图片来自ios


环境

  • React Native Navigation 版本:2.0.2454
  • 反应原生版本:0.56
  • 平台(iOS、Android 或两者?):IOS
  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):模拟器 IOS 11
0 投票
0 回答
180 浏览

react-native-navigation - 全屏背景图像蜡

我正在为 ReactNative 使用 wix 导航系统。我正在尝试创建一个具有在导航栏和标题栏后面运行的全屏背景图像的应用程序。两者都是透明的,可以让背景通过。但是,我正在努力寻找一种使用 WIX 做到这一点的方法?

0 投票
2 回答
406 浏览

react-native - React Native Navigation - startTabBasedApp - 如果单击则仅加载选项卡

React Native Navigation (通过 Wix)中使用startTabBasedApp(params)时,所有选项卡都会立即加载。

有没有办法让它只加载初始选项卡?然后只有在单击另一个选项卡后才会加载该选项卡?

0 投票
2 回答
321 浏览

react-native - 在 Wix React Native Navigation 中从 SingleScreen 推送到 TabBased

有从选项卡视图导航到其他单个视图的文档和示例。但我找不到有关从单个视图导航到选项卡视图的任何信息。

是否有可能以this.props.navigator.push某种方式查看标签?如果没有,是否有一些解决方法可以实现这一目标?

0 投票
1 回答
415 浏览

android-studio - 如何在我的 Windows 上从克隆的 repo 运行 React-Native-Navigation v2 Playground?

我已经克隆了 Wix RNN2 repo [Branch v2],但我不确定如何在我的模拟器上运行 Playground。

如果我只是运行npm run start,我会收到此错误:

Windows 无法识别该命令,因为它是 linux。

我尝试从 Android Studio 运行该应用程序,并在我的模拟器上显示:

无法从资产“index.android.bundle”加载脚本- 这是因为我没有 Metro Bundler 为我制作捆绑包。

无论如何,Wix RNN2 运行这个示例的正确方法是什么?

我有 VSCode、Expo、Android Studio 并且我的 android 构建对 Android 项目没有错误。

0 投票
0 回答
309 浏览

react-native - 如何在 React Native Navigation (wix) v2 中添加带有自定义按钮的底部栏(不是 bottomTabs)用于堆栈导航?

我正在使用 Wix v2 的 RNN2(React Native Navigation),但我找不到任何引用来使用简单的底栏来添加一些自定义按钮。

这是我的导航设置,使用 bottomTabs(因为我假设我可以自定义底部选项卡)。