react-navigation 相关问题

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

当您从另一个选项卡返回选项卡时如何重置选项卡堆栈反应导航v5

我有 3 个选项卡,每个选项卡都包含一组堆栈导航器。 主堆栈 const HomeNavigator = createStackNavigator(); const HomeStackNavigator = ({导航, 路线}) => { 重新...

回答 5 投票 0

Reactnavigation RTL 语言

所以问题是我作为反应本机开发人员正在开发的应用程序之一正在使用 材质顶部选项卡导航器 这是react-native官方推荐的,但因为它依赖于 反应本机...

回答 1 投票 0

意外的“typeof”;预期的 ”;”但找到了“选项”;预期为“来自”,但找到了“{”;

我现在正在创建一个 vite react-native 项目,但我不断收到错误: X [错误] 意外的“typeof” node_modules/react-native/index.js:14:7: 14 │ 导入类型

回答 1 投票 0

React 导航标题如何正确显示

考虑以下导航堆栈代码: 从“react”导入 React, { Component }; 从“prop-types”导入 PropTypes; 进口 { 创建BottomTabNavigator, 创建切换导航器 } 来自“重新...

回答 1 投票 0

我的 React Native 导航与 React-navigation 有一个导航错误

我正在开发一个小型React Native应用程序,我正在使用react-navigation/native。我的页面上有一个小错误,我一生都无法弄清楚。但首先,这是我的导航...

回答 1 投票 0

使用参数进行导航在反应中不起作用

所以我想做的是,我有一个在我的 app.js 中定义的 /product 路线,它有一个 id 参数 应用程序.js } /> 产品.js ...

回答 2 投票 0

我面临着从侧面到内部反应本机视图的问题

我目前正在从事一个设计项目,面临着实现特定曲线效果的挑战。我附上了两张图片供参考: 所需的设计: 我目前的进展: 尽你所能...

回答 1 投票 0

在react-navigation v3上,没有navigation prop调度的导航不是一个函数

我尝试使用不带导航道具的导航示例 在反应本机 v3.11.0 上。 但我得到了这个错误: 类型错误:NavigationService._navigator.dispatch 不是函数 在乐趣...

回答 2 投票 0

应用程序被终止时点击通知后导航到特定屏幕

我的问题很简单,但我找不到任何有关此的文档。 我有一个通知,如果用户未登录,当用户点击 o 时,应用程序会定期向用户发送通知...

回答 2 投票 0

ReferenceError:属性“NavigationContainer”不存在

我正在制作一个带有React Native的应用程序,其中我有一个欢迎屏幕,可以带您进入登录或注册页面,现在我正在使用@react-navigation库,但我似乎遇到了.. .

回答 2 投票 0

React Native Navigation - 自动返回上一屏幕,无需调用 goBack() 方法

我使用 createStackNavigator 进行普通导航,使用 createMaterialTopTabNavigator 进行选项卡导航 嵌套导航的行为很奇怪。我在 App.tsx 中有一个 StackNavigator,其中包含

回答 1 投票 0

异步存储时是否可以在标题中显示 ActivityIndicator?

我想知道每次使用 Jotai 库更改存储时是否可以在 Stack 导航器的标题中显示 ActivityIndicator?

回答 1 投票 0

React 导航,如何从完全不同的堆栈重置屏幕或整个堆栈

const ListStack = createStackNavigator(); 函数列表页(){ 返回 ( const ListStack = createStackNavigator(); function ListPage() { return ( <ListStack.Navigator screenOptions={{headerShown: false}}> <ListStack.Screen name="List" component={ListStackComponent} /> <ListStack.Screen name="ItemDetail" component={ItemDetailComponent} /> </ListStack.Navigator> ); } const ItemPaymentStack = createStackNavigator(); function PaymentPage() { return ( <ItemPaymentStack.Navigator screenOptions={{headerShown: false}}> <ItemPaymentStack.Screen name="Payments" component={Payments} /> </ItemPaymentStack.Navigator> ); } const AppDrawer = createDrawerNavigator(); <AppDrawer.Navigator screenOptions={{headerShown: false}} > <AppDrawer.Screen name="ListPage_stack" component={ListPage}/> <AppDrawer.Screen name="Payment_stack" component={PaymentPage}/> </AppDrawer.Navigator> 我有 2 个堆栈导航器,如上所述, 在物品列表页面。通过使用此代码,应用程序导航到项目详细信息页面。 navigation.navigate('ItemDetail', {key: item_id, item_id: item_id}); 通过按商品详细信息页面上的付款选项,应用程序使用以下代码导航到付款页面。 navigation.navigate('Payment_stack', { screen: 'Payments'}); 现在,我的问题是当用户导航回列表页面时如何重置/清除数据或卸载付款屏幕,因为从列表中选择另一个项目后,付款屏幕会显示以前的项目数据,直到我使用 useFocusEffect 清除页面。 有没有办法从列表页面清除付款屏幕或完全删除列表页面上的付款堆栈? 是的,您可以使用很多方法来解决这个问题。我建议你使用Redux: 选择项目后,将所选项目发送到存储。 在Payment类中,只要听一下item,每次进入Payment页面都会得到最新的item

回答 1 投票 0

反应导航:导航导致应用程序在博览会客户端上崩溃

我有以下导航堆栈。我正在尝试从登录导航到注册。一切似乎在 Android 模拟器上运行得很好。但是当我尝试在世博会上使用 Android 手机导航时...

回答 3 投票 0

如何在用户许可的情况下在 React Native 中按字母顺序检索和排序联系人列表?

我正在开发一个 React Native 项目,需要实现一个功能来检索用户的联系人列表,包括姓名和联系电话,并按字母顺序对它们进行排序。 我想确保...

回答 1 投票 0

expo-router@2:在相同路线之间导航时,自定义选项会破坏动画

我在使用自定义屏幕选项时遇到了 expo-router@2 问题。当在相同的路线之间导航时就会出现问题,例如从 /[id] 到 /[id]。 没有自定义屏幕选项/...

回答 1 投票 0


如何在TypeScript中使用navigation.replace?

我正在尝试在我的代码中使用它: const 导航 = useNavigation(); 导航.replace('AllFriends') 但我不断收到错误消息: “NavigationProp”类型上不存在属性“replace”...

回答 4 投票 0

在多个 React Navigation 导航器中重复使用相同的屏幕,无需复制粘贴

我目前有一个 BottomTabNavigator,其中有五个堆栈导航器。有些屏幕应该可以从每个选项卡访问,因此我基本上已将它们“复制粘贴”到每个导航器中。它工作正常...

回答 1 投票 0

React web 刷新后忘记导航

我们有React网站,我们正在使用redux,useParams并且数据来自api,我们从redux获取一些数据并使用params将其传递给api,以便我们可以显示动态响应,网站...

回答 1 投票 0

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