react-navigation 相关问题

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

将参数从 SignedOut 堆栈传递到 SignedIn 堆栈

我在深度链接方面遇到了麻烦,特别是在能够为登录屏幕渲染堆栈内的特定屏幕时。我希望深层链接弹出一个屏幕,该屏幕将...

回答 1 投票 0

如何将更新后的状态变量发送到React Native中的另一个组件

示例代码: 导出默认函数 Cart() { const 导航 = useNavigation(); // 存储选定的图像 URI const [文件,setFile] = useState(''); // 存储任何错误消息...

回答 1 投票 0

如何正确登录后在页面上进行重定向?

我正在尝试在成功登录后重定向用户。我这样做了,但它不起作用。 请帮忙,我该如何解决这个错误,或者我怎样才能做得更好? main.jsx 输入图像描述 h...

回答 1 投票 0

Expo 网页上的 React 导航失败

我正在尝试使用 React Native Navigation,但是当我打开 Expo Web 时,出现此错误: 我不知道我能做什么。有什么帮助吗?

回答 1 投票 0

如何修复带有有效负载的“NAVIGATE”操作?

我正在使用 React Native 开发我的移动应用程序,但我遇到了导航问题。我首先开发 HomeScreen、FormatioScreen、AddParticipantScreen 和 SummaryScreen。我最近

回答 1 投票 0

使用持久操作表渲染底部选项卡

我正在尝试在我的应用程序中实现以下布局: 基本上将我的 的内容渲染在底部工作表内,而地图始终呈现为底部工作表中的屏幕...

回答 1 投票 0

如何使用 React Navigation 解决 TypeScript 中的“参数类型与参数不匹配”问题?

我尝试在 Reactnavigation 中使用 Typescipt,但 IDE 出现错误(webstorm) 我的导航器: 导出类型 RootStackParamList = { 应用程序堆栈:未定义; AuthStack:未定义; }; 常量根堆栈 =

回答 1 投票 0

使用 Hooks 在交互式 React 代码中动态渲染 Markdown 内容(不同数量/顺序的 Hooks 问题!)

你好! 我想创建一个移动应用程序,它呈现用 markdown 编写的内容,类似于 Obsidian。到目前为止,我成功使用库react-native-render-display来渲染markdown页面......

回答 1 投票 0

在React Native中从route.paramns获取图像

我正在尝试为我的小组成员制作一个个人资料屏幕。 我的想法是使用路由参数设置所有信息,为四个屏幕制作一种字体,如下所示: 我正在尝试为我的小组成员制作一个个人资料屏幕。 我的想法是使用路由参数为四个屏幕制作一种字体来设置所有信息,如下所示: <TouchableOpacity style={styles.ident1} onPress={() => navigation.navigate('Profile', { Nome: 'Ângelo J. da Rosa', Resto: ['19 Anos', 'Cocal do Sul - SC'], Foto: '../../assets/angelo.jpeg' })}> <Text style={{ fontSize: 20,fontWeight: 'bold' }}>Angelo</Text> </TouchableOpacity> 当我尝试使用从参数(照片)获取的路径从文件夹中获取图像时,我收到错误并且不知道如何继续 我的屏幕字体: import React from 'react'; import { View, Text, Image, StyleSheet } from 'react-native'; export default function Profile({ route, navigation }) { const { Nome, Resto, Foto } = route.params; return ( <View style={styles.container}> <Image style={styles.image} source={require({Foto})} /> <Text style={[styles.headline]}>{"\n"}{Nome}</Text> <View style={[styles.views, styles.ident1]}>, <Text style={[styles.desc]}>{Resto[0]}</Text> <Text style={[styles.desc]}>{Resto[1]}</Text> <Text style={[styles.desc]}>{Resto[2]}</Text> <Text style={[styles.desc]}>{Resto[3]}</Text> <Text style={[styles.desc]}>{Resto[4]}</Text> </View> </View> ) }; 您在传递图像路径时犯了一个错误。您可以按照以下代码操作: Foto: require('../../assets/angelo.jpeg') 并将其用作道具,如下所示: <Image source={Foto}/> 注意:有关更多信息,请参阅:加载作为道具传递的图像反应本机

回答 1 投票 0

react-navigation v6 监听 goBack

我正在开发一个项目,我必须从“react-navigation”:“^4.2.2”升级到“@react-navigation/native”:“^6.1.6”。 有一些遗留代码......

回答 1 投票 0

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

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