react-navigation 相关问题

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

Expo Router - 当使用 router.push() 到不同选项卡中的屏幕时,无法返回推送的根目录

场景: 导航到特定路线的组件 该组件用于多个屏幕 该组件用于不在其将路由推送到的选项卡堆栈中的屏幕

回答 1 投票 0

React Native Redux 状态更新保持导航调用

我的 React Native 应用程序中有两个页面: 显示带有 ID 和标题的数据列表。通过按下 item,我们应该在 redux 中设置当前数据类型的 ID,并通过查找 item 来设置 state.current

回答 1 投票 0

错误:index.js:找不到模块“babel-plugin-r”React Native

我做了什么导致了错误: 我有一个新安装的 Bare React Native Project 。我想使用抽屉导航并且必须安装 React Native Reanimated 2.3.0-alpha.2 。 我有什么

回答 0 投票 0

如何在 React Navigation 5 中使用上下文提供程序包装多个堆栈屏幕?

我想实现类似以下的目标,但这是不可能的,因为堆栈导航器仅接受 Stack.Screens 作为子项。 我想实现类似以下的目标,但这是不可能的,因为堆栈导航器仅接受 Stack.Screens 作为子项。 <Stack.Navigator> <Provider1> <Stack.Screen name="screen1" component={Screen1} /> <Stack.Screen name="screen2" component={Screen2} /> </Provider1> <Provider2> <Stack.Screen name="screen3" component={Screen3} /> <Stack.Screen name="screen4" component={Screen4} /> </Provider2> </Stack.Navigator/> 我知道我可以通过使用堆栈导航器包裹屏幕来实现这一点,如下所示: const stackNav1 = <Provider1> <Stack.Navigator> <Stack.Screen name="screen1" component={Screen1} /> <Stack.Screen name="screen2" component={Screen2} /> </Stack.Navigator> </Provider1> const stackNav2 = <Provider2> <Stack.Navigator> <Stack.Screen name="screen3" component={Screen3} /> <Stack.Screen name="screen4" component={Screen4} /> </Stack.Navigator> </Provider2> ... <Stack.Navigator> <Stack.Screen name="stack1" component={stackNav1} /> <Stack.Screen name="stack2" component={stackNav2} /> </Stack.Navigator/> 有没有更简单的方法让我不必定义新的导航器? 我最终所做的只是在全局范围内定义上下文,然后根据使用上下文的钩子中的某些条件抛出错误来限制访问。 举个例子: const useSomeProperty = () => { const { someProperty } = useContext(SomeGlobalContext) if (!someProperty) throw new Error("This property can not be accessed here") return someProperty } 试试这个,我可能是错的 <Stack.Navigator> <Provider1> <Stack.Group> <Stack.Screen name="screen1" component={Screen1} /> <Stack.Screen name="screen2" component={Screen2} /> </Stack.Group> </Provider1> <Provider2> <Stack.Group> <Stack.Screen name="screen3" component={Screen3} /> <Stack.Screen name="screen4" component={Screen4} /> </Stack.Group> </Provider2> </Stack.Navigator/>

回答 2 投票 0

启动React Native项目:最佳方法和最佳实践

React Native 开发人员,我正在寻找 React Native 未来项目的指导。我之前曾使用过 Flutter,我发现这两种技术之间有相似之处,我想知道是否

回答 1 投票 0

如何隐藏模态屏幕底部栏?

我有一个带有底部栏的应用程序,我想从其中一个应用程序中呈现一个没有底部选项卡的模式屏幕。我不明白为什么它在 iOS 上可以按预期工作,但在 Android 上却不能。 这是我的机器人...

回答 2 投票 0

React Navigation 中的响应式导航器

我一直在使用expo和react-navigation在移动和桌面上进行开发,到目前为止它非常棒!但是,我需要在移动设备和桌面抽屉中显示底部选项卡。我已经...

回答 1 投票 0

自定义 tabBarButton:React Navigation 中的组件导航

我在 React Navigation 应用程序中遇到自定义选项卡按钮组件的问题。 我已经定义了一个名为 CustomTabBarButton 的自定义选项卡按钮组件,我想将其用作但是...

回答 1 投票 0

我们如何在expo-router中隐藏整个路由文件夹?

文档介绍了如何在选项卡中隐藏单个路由。有没有办法隐藏整个文件夹的路线? 我明白了 警告 [布局子项]:

回答 2 投票 0

我不明白 React 导航行为

我在反应本机(打字稿)应用程序中有这个功能: 从 '../types' 导入 { LoginProps } ; 导出常量signOut = async(auth:Auth,nav:LoginProps ['navigation'],setUser:any)=> { ...

回答 2 投票 0

导航抽屉未打开且未找到toggleDrawer

尝试使用 React-Navigation 创建抽屉。 使用React Native 0.59,安装了React-Navigation 3.x,已经完成了链接react-native链接react-native-gesture-handler。 使用 React-

回答 2 投票 0

React Native 中的 Pressable 与 android 的性能问题

我在使用 React Native API(Pressable)时注意到我的 React Native 应用程序(Android 版本)存在一些与性能相关的问题。当按下时,它会滞后几秒钟才响应,特别是......

回答 1 投票 0

静态网站模板转换为React项目的问题

我是reactjs新手。首先,我总结一下发生在我身上的事情。当我尝试在react-router-dom中使用useNavigate()移动到另一个页面时,该页面中没有触发一些点击事件。但当重新...

回答 2 投票 0

无法从navigation.navigate传递参数

我无法使用以下代码将 itemId 参数传递给 RestaurantInfoScreen: onPress={() => { navigation.navigate('RestaurantInfoScreen', { itemId: 86}); }} 并在

回答 2 投票 0

与受保护屏幕的 React Navigation 进行深度链接

我正在利用 React Navigation、EAS Build 等利用 Expo Managed Workflow 构建一个应用程序。 React Navigation 有一个链接配置,可用于将屏幕连接到深层链接路径。问题...

回答 1 投票 0

我不明白 React 导航行为

我在反应本机(打字稿)应用程序中有这个功能: 从 '../types' 导入 { LoginProps } ; 导出常量signOut = async(auth:Auth,nav:LoginProps ['navigation'],setUser:any)=> { ...

回答 1 投票 0

我不理解 React 导航行为

我在反应本机(打字稿)应用程序中有这个功能: 从 '../types' 导入 { LoginProps } ; 导出常量signOut = async(auth:Auth,nav:LoginProps ['navigation'],setUser:any)=> { ...

回答 1 投票 0

如何扩展反应导航/底部选项卡的可触摸区域

我在反应本机中有一个工作底部选项卡导航器。但有没有办法扩大它的可触摸区域呢?请参阅附图,可触摸区域为绿色,图标为红色,但是

回答 1 投票 0

接口不满足约束“Record<string, object | undefined>”。 “StackParamList”类型中缺少索引签名。ts(2344)

使用 TypeScript 3.9、React Native、React 导航... 我收到错误: 接口StackParamList 类型“StackParamList”不满足约束“Record”。 索引

回答 5 投票 0

React Native 中的全局变量更新

嘿伙计们,我有一个全局变量,可以保存我的项目计数。我有一个类,可以包含一个文本框并在标题上显示我的计数。 当我更新全局变量时..就像全局变量一样。

回答 2 投票 0

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