一个易于使用的导航解决方案，可用于React和React Native项目https://reactnavigation.org
我需要根据条件在两个堆栈组之间导航（如果用户允许权限 - 导航到不同的堆栈组，否则停留在用户可以允许权限的屏幕中...
我正在创建基本的反应应用程序，但在设置导航时遇到问题。下面是导航栏组件的代码，一旦用户单击注销按钮，应清除
React Navigation 和 Expo BarCodeScanner 的问题
我注意到，每当我进入扫描仪组件所在的屏幕时，我的应用程序都会自动断开连接。我正在使用 React Native Firebase 作为身份验证库和 React navi...
material-top-tabs 中的 ReactNative Horizontal ScrollView（嵌套 ScrollView）
我目前正在尝试在react-navigaionmaterial-top-tabs（也水平滚动）的内容中定位水平ScrollView。 预期的行为： 当在...内拖动时
我正在尝试将自定义图标添加到我的 CustomDrawerComponent，但没有任何反应...... 应用程序.js： 常量导航选项 = { headerTintColor：颜色.白色， }; const DrawerNavigationOption = ({ 导航...
我想添加而不导航到显示页面，但是当我单击添加按钮时，它会导航到显示页面，然后添加。我对删除按钮也有同样的问题。 在此输入图像描述 它
我创建了两个文件（ profile.js 和 postImage.js ）。 profile.js 屏幕显示照片列表，类似于 Instagram 个人资料屏幕。当用户单击照片时，会显示同一张照片
如何访问 Stack Navigator 的 screenOptions 属性中的导航属性？
我想使用堆栈导航器中的通用标题按钮导航到特定屏幕。 我想使用堆栈导航器中的通用标题按钮导航到特定屏幕。 <NavigationContainer> <RootStack.Navigator mode="modal" screenOptions={{ headerTitleAlign: 'center', headerTitle: () => <SpreeLogo />, headerRight: (props) => <MaterialIcons style={{ marginHorizontal: 10, }} onPress={() => console.log(props)} name="clear" size={28} color="black" /> }} > 在标题右侧图标中，我想访问导航道具。我尝试过控制台记录道具，但没有道具作为导航。如何访问它？ 根据文档，您可以向 screenOptions 提供一个函数，如下所示，这将使您可以访问导航，并且从那里您应该能够跳转到任何屏幕 <NavigationContainer> <RootStack.Navigator mode="modal" screenOptions={({ route, navigation }) => ({ headerTitleAlign: 'center', headerTitle: () => <SpreeLogo />, headerRight: (props) => <MaterialIcons style={{ marginHorizontal: 10, }} onPress={() => console.log(route, navigation)} name="clear" size={28} color="black" /> })} >... 在此处阅读文档 https://reactnavigation.org/docs/stack-navigator 并搜索 screenOptions。 祝你好运 在 React Navigation V6 中，你可以为选项提供一个函数 <Stack.Screen name="Screen" component={Screen} options={({ route, navigation }) => ({ headerTitleAlign: "center", headerLeft: () => ( <Icon name="arrow-back" onPress={() => navigation.goBack()} color="#fff" size={25} /> ), })} /> useNavigation 钩子 在根导航器中，可以使用v6.x React导航文档中记录的useNavigation钩子访问Navigation属性。 useNavigation 是一个可以访问导航对象的钩子。当您无法将导航道具直接传递到组件中，或者不想在深度嵌套的子组件的情况下传递它时，它非常有用。 useNavigation() 返回其所在屏幕的导航属性。 React Navigation 文档中的示例： import * as React from 'react'; import { Button } from 'react-native'; import { useNavigation } from '@react-navigation/native'; function MyBackButton() { const navigation = useNavigation(); return ( <Button title="Back" onPress={() => { navigation.goBack(); }} /> ); } 使用OP代码的示例： export function MyScreen() { //Hook to access the navigation prop of the parent screen anywhere. // @returns — Navigation prop of the parent screen. const navigation = useNavigation(); return( <NavigationContainer> <RootStack.Navigator mode="modal" screenOptions={{ headerTitleAlign: 'center', headerTitle: () => <SpreeLogo />, headerRight: (props) => <MaterialIcons style={{ marginHorizontal: 10, }} onPress={() => navigation.navigate('Somewhere') } name="clear" size={28} color="black" /> }} ) }
如何将状态变量作为 CommonActions.reset() 中指定的路由的参数传递？
我怀疑 navigation.dispatch(CommonActions.reset()) 正在重置状态，然后才能将其作为参数传递。 这是我的设置： 我定义了一个状态变量，例如： const [测验ID，设置测验ID] =
React 导航无需导入“react-native-gesture-handler”；
我们使用 React 导航创建了 React Native 应用程序，但忘记添加 导入“反应本机手势处理程序”； 应用程序在生产中偶尔显示空白屏幕。 是否有可能缺少导入...
我使用抽屉导航创建了一个侧面菜单。我在后视图上看到阴影叠加。我想删除阴影覆盖。 这就是我现在得到的。你看我正在...
如何在react-navigation 6中导航到另一个导航器中的屏幕
我有一个具有三层嵌套导航器的应用程序结构（您可以查看我在下面提供的代码）。我无法从最后一级导航到达“首页”
反应开发人员您好，我对反应导航结构有疑问，当我们嵌套导航器时会发生这种情况，在反应导航文档中说最好减少嵌套导航器的数量...
我试图在单击按钮时导航页面。 这是我的代码，不起作用； 导入“bootstrap/dist/css/bootstrap.min.css”； 导入“./LoginPage.css”； 班级
React Navigation 总是带我到第一个堆栈屏幕，而不是预期的屏幕
代码 1(https://i.stack.imgur.com/d7Fkn.png)代码 2(https://i.stack.imgur.com/uJBog.png)代码 3(https://i. stack.imgur.com/8fjV5.png) 所以我遇到了这个问题，当我按下按钮时（收据历史记录...
我正在尝试在堆栈导航器的滚动视图中使用material-top-tab-navigator。但正如您在屏幕截图中看到的那样，选项卡导航器的各个屏幕没有呈现任何内容。如何...
如何检查屏幕是否在选项卡堆栈中聚焦 - React Navigation
我正在创建一个使用 React Navigation 的 React Native 应用程序。 在我的 1 个选项卡中，我有 3 个屏幕。如果我位于该选项卡中不是主屏幕的任何屏幕，并且我点击选项卡 ico...
我正在学习通过将 tabNavigator、DrawerNavigator 和 StackNavigator 配置为一个没有 NativeBase 或 Expo 的单一反应导航库来实现原生反应。 我实现了，但有...
如何使用可触摸的不透明度按钮切换屏幕以及如何放置导航。我什至不知道从哪里或如何开始
我有一个index.js 屏幕，我制作了一个HomeScreen.js 屏幕。我制作了一个可触摸的不透明度按钮，按下后希望从 index.js 屏幕转到 HomeScreen.js。我尝试观看教程并
reactnavigation v5 中的 NavigationActions 替代方案是什么？
我正在尝试将我的 React Native 应用程序中的 Reactnavigation 从 v4 升级到 v5。 https://reactnavigation.org/docs/4.x/navigation-actions 这在reactnavigation v5 文档中不可用。 是...