react-navigation 相关问题

一个易于使用的导航解决方案,可用于React和React Native项目https://reactnavigation.org

React-Navigation-V6:获取当前所选屏幕的标题

我正在使用react-navigation-v6和抽屉导航器。 我正在使用 react-navigation-v6 和 Drawer Navigator。 <Drawer.Screen name="Screen1" component={MainScreen} options={{ headerShown: true, title: "Main Screen', }} /> Drawer.Screen name="Screen2" component={SecondaryScreen} options={{ headerShown: true, title: "Secondary screen", }} /> 我想要实现的是,每次当前屏幕/路线更改时,我想使用我当前所在屏幕的 title 调度 Redux 函数。比如: dispatch(setReduxContent(CurrentScreen.title)); 我怎样才能实现这一目标?意味着获取当前焦点屏幕的标题,以便将其传递给函数。 我可以在每个屏幕组件中的useFocusEffect()中分派该函数,但我觉得这不是一个好的解决方案。 导航道具上没有 getOptions 或 getScreenOptions 方法。 您必须手动执行此操作,或者在执行 navigation.navigate('nextScreen', {title: 'nextScreenTitle'}) 时传递下一个屏幕标题,并从内部 NextScreen 您将能够从 route params 访问 title,或者您可以调用 redux 更新存储函数具有来自每个不同屏幕的硬编码标题(这看起来不是一个好的解决方案)

回答 1 投票 0

在嵌套屏幕和导航器之间导航

我还没有找到这个问题的好方法/答案,并认为这将是一个很好的起点。我在 React Native 中使用 React 的导航。本质上我有很多屏幕......这些......

回答 1 投票 0

React Navigation - 自定义 goBack 转到不同的导航器

我的代码设置如下,使用 React Native 和 React Navigation v6: 选项卡导航器 - 堆栈A - 屏幕1 - 堆栈B - 屏幕1 - 堆栈C - 屏幕1 - 屏幕2 - 屏幕 3 当我

回答 1 投票 0

使用屏幕导航时无法在 TextInput 上输入内容

我使用 firebase 进行身份验证和数据库,然后我尝试在代码中添加导航屏幕,但现在我无法在 textInput 上键入内容。有人有想法吗?这是我的代码: 重要...

回答 1 投票 0

如何动态跳转到特定的初始选项卡路由路由名称?

我在根据动态初始路线名称跳转到特定选项卡导航时遇到问题。 这是场景: 如果用户只想登录,则 Auth 选项卡导航的初始路线必须位于

回答 2 投票 0

React Native openURL() 不尊重深层链接/通用链接

我在我的应用程序中配置了深层链接和通用链接(AASA、Assetlinks...)。假设我的通用链接是 https://example.com/profile。如果我点击应用程序外部的该链接,它会打开...

回答 2 投票 0

React Native:模块由于错误而无法加载,并且未调用 `AppRegistry.registerComponent`。,js 引擎:hermes

我一直在尝试使用 React Native 创建一个带有抽屉的移动应用程序。 我按照文件所说的做了一切。 一切工作正常,除了当我尝试使用时; 导入 { createDrawerNavigator } f...

回答 1 投票 0

如何自定义 headerLeft React 导航?

如何自定义React Navigation的headerLeft TabNavigator。 这是我的屏幕之一: 我想从 headerLeft 中删除 Back 是否可以 ? 这是我的代码: 详细信息选项卡 = TabNavigat...

回答 4 投票 0

属性“Navigator”不存在错误:React Native 应用程序

每当我通过零食运行我的应用程序时,我都会收到此错误:React Hook useEffect 有一个不必要的依赖项:Navigator。排除它或删除依赖项数组。外部范围值...

回答 1 投票 0

无法在 Android 上的 React Native 中禁用后退按钮

在我的 App.js 中,我有以下内容: 从'@react-navigation/native'导入{NavigationContainer}; 从 '@react-navigation/native-stack' 导入 { createNativeStackNavigator }; 从 './js/

回答 1 投票 0

类型“ProfileScreen”不可分配给类型“MainScreen”

我尝试了解如何将 React Navigation 与 TypeScript 一起使用...我遵循了他们的 TypeScript 官方手册,因此我声明了所有必需的类型: 导出类型 MainStackParamList = { 主页Scr...

回答 2 投票 0

如何从父组件更新 Tab.Screen 的属性(传递状态值),反应原生

我的项目配置: { “世博会”:“^45.0.0”, “反应本机”:“0.68.2”, "@react-navigation/bottom-tabs": "^6.0.9", “@react-

回答 2 投票 0

类型错误:无法读取未定义的属性(读取“PropsAllowlists”)

使用过的导航、复活和抽屉版本: "@react-navigation/drawer": "^6.6.6", "@react-navigation/native": "^6.1.9", “@react-navigat...

回答 1 投票 0

如何将 Context 用于抽屉屏幕及其子屏幕/组件?

问题:我的整个应用程序都有一个上下文,但我需要一个用于单个抽屉屏幕及其子屏幕和组件的附加上下文。 DataProvider被整个App使用。 我有

回答 1 投票 0

我需要为我的 React Native 应用程序自定义屏幕转换

我正在制作一个需要多个屏幕转换的应用程序。现在我已经准备好了动画,它正在做我想要的事情,但问题在于屏幕转换的位置......

回答 1 投票 0

配置项目':react-native-navigation'时出现问题

我安装了react原生导航V7.25.4, 现在当我在 android studio 中同步项目时出现错误 配置项目“:react-native-navigation”时出现问题。 > 来不及设置

回答 1 投票 0

如何在React Navigation中正确输入useNavigation?

我正在尝试从 React Navigation 中输入 useNavigation 。我希望能够仅传递路线的名称,但除非我也传递该路线的道具,否则我会收到错误。 遵循

回答 7 投票 0

React Navigation 6 隐藏抽屉项目

如何隐藏屏幕,使其不显示为 @react-navigation/drawer 版本 6 抽屉中的项目。 在 React Navigation 5 中,它是通过创建像这样的自定义抽屉内容来实现的 常量

回答 2 投票 0

react-navigation native-stack,如何更改模态高度?

/* eslint-禁用反应/无不稳定嵌套组件*/ 从“反应”导入反应; 从'react-native'导入{查看}; 从 './screens/PersonalNewSecurity' 导入 PersonalNewSecurity; 进口坎...

回答 1 投票 0

身份验证流程 - 原生反应并导航至和来自 <AuthStack> <RootStack

我一直在阅读 React Navigation 身份验证文档,但我似乎无法像示例描述的那样让我的身份验证工作 - https://reactnavigation.org/docs/auth-flow/。 我有以下...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.