问题标签 [react-navigation-v6]

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

react-native - React Navigation 5 中嵌套导航中的深度链接

如何在 React Navigation 的嵌套导航器中实现深度链接。这里我有一个嵌套的堆栈导航器:

它嵌套在另一个主堆栈导航器中:

我试图通过深层链接“wagal://login/”进行Login筛选:

但它没有用,我也尝试过:

他们不工作,我在文档中也找不到任何东西。我该如何解决这个问题?谢谢你。

0 投票
1 回答
136 浏览

react-native - React Navigation 6 中的深度链接

我的应用程序中有以下导航结构:

第一个屏幕实际上是标签栏导航器,第二个屏幕是堆栈导航器。

当我通过深度链接导航到主堆栈导航中的某个屏幕时,是否有可能同时在标签栏导航器中设置屏幕?

我试过类似的东西:

注释行是我想要的(导航到选项卡栏导航器内的配置文件屏幕),但这不起作用。

0 投票
0 回答
1130 浏览

reactjs - React Navigation v6 如何创建自定义 Header 作为自己的组件

有人可以帮我处理 react-navigatin v6 中的标题栏吗?我的动机是我需要在标题栏下添加像分隔符而不是默认分隔符的图像条:

在此处输入图像描述

我想创建自己的标题栏,所以我创建了Navigator

我创建了自己的组件Header

它可以工作,但我必须手动设置后退按钮、标题等......但我想自动将属性传递给标题,如:

它在版本 5 中的 react-navigation 中工作,但在版本 6 中不起作用,因为 Header 在 @react-navigation/elements 中。

你有办法怎么做。

非常感谢。

0 投票
0 回答
35 浏览

react-native - 为什么抽屉不能在 android 上工作,但在 iOS 上工作?

我最近react-navigation从 v5 更新到 v6。之后,我注意到它navigation.dispatch(DrawerActions.openDrawer())不再适用于 android 设备,但适用于 iOS 设备。

但是当我将根堆栈中的选项添加到底部选项卡主屏幕选项时,它也可以在 android 上运行,但是在 iOS 设备上,汉堡包按钮无法触及,无法点击。 在此处输入图像描述

当它回到代码之前的位置时,它应该看起来像这样,但是 android one 不起作用。 在此处输入图像描述

我也没有在控制台中收到任何错误。

0 投票
1 回答
58 浏览

javascript - onAuthStateChanged 没有将我导航到主屏幕

我已经为此苦苦挣扎了好几天...当我尝试登录时,它不会自动将我导航到主屏幕,除非我关闭并打开应用程序。我正在使用 3 个独立的组件。但是,在我注册一次后,这个问题就不会发生了,它只发生在新帐户上。

这是我的 MainDrawer.js

0 投票
0 回答
71 浏览

reactjs - 状态更改组件未在 react-native 中更新

嗨,我正在使用 react-native expo-cli。我创建了一个自定义底部导航栏。现在我创建了一个新组件,在屏幕底部我有导航栏,其余屏幕有我的屏幕。当应用程序。在第一次渲染时加载它完美地显示屏幕(主页是导航堆栈)但是当它移动到购物车屏幕时我隐藏底部导航栏并在屏幕顶​​部显示一个后退箭头按钮我可以返回主堆栈。但在这里我面临的问题是,当按下箭头按钮返回时,它通过激活 hometab 图标显示底部导航但不显示 homestack 屏幕。

所以我尝试在我正在做这一切的文件上使用useIsFocused,useFocusEffect,但我得到这个错误 navigation.isfocused is not a function navigation.isfocused is undefined

如果有人有任何想法要解决,我从过去两周开始就被困住了,那么我感谢你的帮助。

当我从购物车-> 家回来时,这部分会完美更新:

但这部分不起作用但屏幕值为 Home 但它显示购物车屏幕:

0 投票
0 回答
79 浏览

react-native - 使用 React Native Paper 的 App Header 显示了 Android 中的顶部填充

我在 Android 上遇到了这个问题,其中App.HeaderReact Native Paper 中的组件在Android 中显示paddingTop,在 iOS 中看起来很棒。我附上了2张截图来显示我在说什么......

安卓: 在此处输入图像描述

IOS: 在此处输入图像描述

这是我在 SettingsScreen.js 文件中的代码:

任何提示将不胜感激!

0 投票
0 回答
935 浏览

android - 在新实例中从 react-native 0.59.9 切换到 0.66.0 和 native-base

因为我有一个非常过时的应用程序,react-native 0.59.9 + native-base 2.10.0,或者决定从一个使用经典的干净项目开始更新它:

此时我还安装了新的 native-base 3.2.1 并且我翻转了所有文件并更新了它们的依赖项,很多东西都不同了,尤其是那些与 react-navigation 相关的东西。

一旦解决了依赖关系,编译就会正确进行,从 Metro 捆绑器(react-native start)可以看出,但应用程序立即崩溃报告:

我试图清除缓存,删除 node_modules 并重新创建它,但总是出现错误。据我了解,appRegistry 在早期阶段存在一些问题,这些是我认为发生异常情况的文件。

应用程序.json

index.js

应用程序.js

./src/boot/setup.js(这里我插入了之前没用过的NativeBaseProvider组件。)

./src/App.js

./src/utils/authLoadingScreen.js

问题很可能从 src/App.js 开始,因为我已经更新了 createNativeStackNavigator、createDrawerNavigator、createSwitchNavigator 的函数,这些函数以前只是来自“react-navigation”的 StackNavigator、DrawerNavigator、SwitchNavigator。

或者错误存在于 ./src/utils/authLoadingScreen.js 中,在那里检查是否存在登录令牌......也许这里也发生了一些变化?

最后,我把 package.json 留给你:

有没有人遇到过这个问题,或者您知道我是否正确更改了新版本中不再使用的 react-navigation 组件?

0 投票
1 回答
89 浏览

react-native - 如何在底部选项卡中获取导航和状态

我正在使用react native 底部导航 6。我想获得导航和状态,但它返回未定义。

这里返回 null ({ navigation, state,descriptors }: BottomTabBarProp) 我想使用 state.index 来获取当前选项卡并显示不同的图标/svg。我的替代方法是使用专注。

0 投票
0 回答
56 浏览

react-navigation - 如何在反应导航底部标签中添加外框阴影?

我想在 react-native-navigation 中添加一个外框阴影。

想要的效果应该是这样的:

在此处输入图像描述

目前,当我应用样式时,外框阴影不会改变:

在此处输入图像描述