react-navigation 相关问题

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

React Native 无法读取未定义的属性调度

我在本机反应中遇到此错误 导航器.调度 当 NavigationService.navigate("Dashboard"); 时无法读取未定义的属性分派 我已经从反应导航迁移了代码......

回答 1 投票 0

React Native 输入字段在输入字符后失去焦点

每次我在任何输入字段中输入字符时,它都会失去焦点,并且除非我单击返回输入字段,否则我无法继续输入。 这是我的登录表单。我检查了一下以确保

回答 1 投票 0

移动到嵌套导航器中的屏幕React Navigation v5

上下文 我看到很多类似的问题,但没有人能有效回答我的问题。 这是我的导航器结构: MainNavigator(模式=“模式”,标题模式=“无”) - TabNaviga...

回答 1 投票 0

如何访问NavigatorScreen > Screen组件内的选项?

有什么方法可以访问 Home 组件内的导航器屏幕选项对象吗? 有什么方法可以访问 options 组件内的导航器屏幕 Home 对象吗? <Stack.Navigator> <Stack.Screen name="Home" component={Home} options={ { /** some options... */ } } /> <Stack.Screen name="About" component={About} /> </Stack.Navigator> 首页 function Home() { /** Get options object here */ return ( /** some jsx */ ); } 我正在使用反应导航5 我发现的唯一方法是保留您的 ref 的 NavigationContainer,然后使用 containerRef.getCurrentOptions()。 我不喜欢全局引用,但似乎没有办法从钩子中获取选项。我只能找到 navigation.setOptions(),但找不到关于 getOptions() 的信息。 就我而言,containerRef.getCurrentOptions()返回了这个: { "tabBarStyle": [ { "borderTopWidth": 1, "borderTopColor": "#EAECF0", "height": 97.20716112531969, "paddingTop": 9.720716112531969, "paddingBottom": 19.441432225063938 }, false ], "tabBarLabelStyle": { "fontSize": 12, "textAlign": "center" }, "tabBarActiveTintColor": "#28C6C7", "tabBarInactiveTintColor": "#101828", "tabBarLabel": "Treatment", "title": "Current Treatment" } 这就是我在导航器 screenOptions 中定义的内容以及各个 Stack.Screen 选项。 您可以将 navigation.setOptions 用于主屏幕 function Home({ navigation, route }) { React.useLayoutEffect(() => { navigation.setOptions({ headerTitle: getHeaderTitle(route) }); }, [navigation, route]); } 有关更多详细信息,您可以阅读此文档屏幕选项

回答 2 投票 0

为什么我的 React 组件中的“消息卖家”按钮没有导航到所需的页面?

我正在开发一个 React 应用程序,其中有一个 PostFooter 组件,负责显示与帖子相关的各种功能,例如喜欢帖子、评论帖子和消息传递...

回答 1 投票 0

反应导航打开 openDrawer() 不起作用

这是我的导航代码,我有一个抽屉导航器,其中包含堆栈,我遇到的问题是我无法在堆栈中使用 this.props.navigation.openDrawer() ,导航器。 ..

回答 2 投票 0

如何使用 Tab.Navigator screenOptions 更改活动选项卡颜色?

我正在使用 React Native,特别是 React Navigation 中的 createMaterialTopTabNavigator。我希望选项卡能够正常工作,这样当您按下一个选项卡时,它会变成紫色,而其他选项卡则处于非活动状态......

回答 1 投票 0

React 导航 - 使用 StackActions 替代 navigation.reset

是否有使用 StackActions 的 navigation.reset() 替代方案? 我尝试过一些事情,例如: 导航.popToTop() 导航.替换('主页') 虽然这带我去我想去的地方......

回答 1 投票 0

创建可以从不同屏幕导航到的可重用屏幕序列(例如模式向导)?

我正在尝试使用反应导航来设计可重用的屏幕序列(包含多屏幕、类似向导的流程的模式)。我想从不同的屏幕导航到这个序列,我...

回答 1 投票 0

如何在React Native导航中使用modalPresentationStyle .fullscreen

我正在尝试创建我的第一个 React Native 应用程序。我有一个登录屏幕,如果用户想要注册,我想从该屏幕导航到注册屏幕。 为了实现这一目标,我正在考虑开放......

回答 3 投票 0

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

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