react-navigation-v5相关内容
以下是我的应用程序导航器的层次结构 ├──应用程序导航器(底部选项卡导航器) ├──提要(堆栈导航器) PostDetailScreen pageDetailScreen ProfileDetailScreen ...其他屏幕 ├──通知(堆栈导航器) ProfileDetailScreen PageDetailScreen PostDetailScreen
..
假设我有屏幕A、B、C,是否可以在屏幕A中编写代码,从A导航到B,然后立即导航到C? id=“use-dispatch-with-custom-action-creators-kh5d”>useCustom action creators 推荐答案 import { CommonActions } from '@react-navigation/native'; const go
..
我要创建一个Top Tab导航器,并将两个屏幕Badges.js和Studying.js放入Tab中。在我的设备上运行它时,收到错误消息:&q;错误:元素类型无效:需要字符串.和&q;检查`MaterialTopTabNavigator&q;的呈现方法。 。 TabScreen.js import React from 'react'; import {View, Image, Te
..
我正在尝试将自定义图标与Reaction选项卡栏导航一起使用。但是,所有教程和文档 始终只涵盖通过Ionicons或Materialdesign实现图标。是否有办法实现我自己的图标? 代码看起来像自动取款机:
..
在React Native 0.62中,是否可以在滚动时隐藏使用createBottomTabNavigator从reactnavigation.org创建的选项卡栏? 我很好奇是否有可能用LinkedIn类似的方式,当你向下滚动页面时,选项卡栏消失,当你向上滚动时,它重新出现。或者只能使用自定义选项卡栏? 推荐答案 可以,可以隐藏底部选项卡栏。 可以使用自定义选项卡栏和默
..
我收到RNSScreen错误,即使我已经安装了所有相关的软件包并遵循了Reaction导航指南(https://reactnavigation.org/docs/getting-started#installation),但对我没有起作用。 推荐答案 最终找到了解决方案,首先创建新项目,然后重新设置Reaction-Google-Maps库。 解决方案:创建新项目,从头开始安装所
..
我似乎无法在我的 App.js 文件中使用三元身份验证.我正在检查是否有密钥,然后根据该密钥的存在显示 AuthStack 或 MainStack.当我从 AuthStack 转到 MainStack(将密钥设置为 AsyncStorage)时,我收到错误消息 - 任何导航器都未处理带有 payload{'name':'Home'} 的操作“NAVIGATE".当我注销或删除密钥时也会发生同样的情
..
我想创建一个只出现在我的主屏幕上的抽屉,曾尝试使用 React Native 侧边菜单,但这只是将抽屉隐藏在后面,然后尝试使用 createdrawernavigator但我在 stacknavigator 里面有一个 bottomtabnavigator,我一直在想如何在它之上实现抽屉导航器下面是我的 navigation.js const RootStack = createStackNav
..
当我聚焦视图时,我正在尝试 useFocusEffect 在我的视图中重新渲染组件. 我做到了: const [theKey, setTheKey] = useState(0); 那么: useFocusEffect(() => { setTheKey(theKey + 1) }, [theKey]); 还有 jsx: 效果不佳,出现错误:Maximum update dept
..
TLDR:我没有在 react-navigation 5 中使用 route.params 将参数从一个屏幕传递到下一个屏幕. 我刚刚从 react-navigation 版本 4 更新到版本 5.我现在在屏幕之间传递参数时遇到问题.在我正在导航的屏幕中,我使用 onPress() 导航到下一个屏幕并在参数“loveOne"中传递字符串“son". 从这里的第一个屏幕是代码的重要部分:
..
我们的应用程序使用 CommonActions.init() 并将其传递给 router.getStateForAction 这里有两个问题: init() 函数不再在CommonActions 中. router.getStateForAction 在我的 AppNavigator 中不再可用. 如何使用 React-Navigation v5 执行这些功能? 我的
..
我的应用程序有一个 TabNavigator,每个 Tab 中有一个 StackNavigator.通过单击不同的选项卡在堆栈之间导航时,我不会重置堆栈,因此当您更改选项卡时,堆栈包含以前的状态.但是,偶尔从一个选项卡中的屏幕中,我想导航到不同选项卡中的特定屏幕,在这种情况下,我想重置目标选项卡中的堆栈. TabNavigator表1堆栈导航器- 屏幕A- 屏幕B表2堆栈导航器- 屏幕 1- 屏
..
我想在底部标签的顶部添加一行,如何添加?像这个问题 https://github.com/react-navigation/react-navigation/issues/8957 React 导航版本: “@react-navigation/bottom-tabs":“^5.9.2",“@react-navigation/native":“^5.7.6",“@react-navigati
..
我有一个嵌套导航器设置的情况.app.js 保持登录状态,导航器开始作为 startnav 在 app.js 中被调用并传递登录状态: class StartupNav extends Component {构造函数(道具){超级(道具);console.log(props.loggedIn);}使成为() {返回 (
..
我正在尝试组合两个导航道具但我不知道如何做到这一点.早些时候,当我只定义一条路线时,我经常做这样的事情. 导出类型 MatrimonyStackRoutes = {婚姻:未定义;新郎详细信息:未定义;};导出类型 MatrimonyStackNavigationProps;};
..
我正在将 TypeScript 添加到我的 React Native/React Navigation 5 Navigator,但是在将 EventStackParams 添加到 createStackNavigator() 时遇到问题. 我浏览了 React Native 5 Docs、StackOverflow 和 GitHub,但没有运气.我究竟做错了什么?以下是我的错误和代码
..
我是 React Native 的新手,我刚刚开始学习 ReactNavigation. 我正在开发的应用旨在在您玩棋盘游戏时跟踪玩家和积分.这是App.js的代码: import * as React from 'react';从“反应"导入{组件};import { StyleSheet, Text, View, Button, Alert } from 'react-native';
..
有两组堆栈导航器; const SetOneScreens = () =>();const SetTw
..
React Navigation v3 具有一个 initialRouteParams 属性,用于将初始值传递给 this.navigation.props.有没有办法在 React Navigation v5 中设置要通过 route.params 访问的初始路由参数? function MainScreen({route, navigation}) {返回 (//如何将默认值传递给这里的路由
..
我最近更新了我的项目以响应导航 5.x.在早期版本中,我们使用如下设置标题标题: static navigationOptions = ({ navigation }) =>({标题:'找到',}); 这不适用于 React Navigation 5.x.请提出建议. 解决方案 你可以通过 2 种方法来解决; 1:将 options 设置为屏幕上的变量并保留当前代码: 2:
..