将此标记用于与React Native Navigation库相关的问题，该库为React Native应用程序提供完整的本机导航解决方案。
无法将未定义的值转换为对象 - React Native with expo
我想在我的应用程序中使用导航器，并且我使用 expo 来处理我的项目：这是我的 App.js： 从“react-native”导入{查看}； 从“./components/LoginPage”导入登录页面；
我正在尝试在材质底部选项卡导航器的中间添加一个大按钮。 我使用的版本是6.2.17， 我知道使用 createBottomTabsNavigator 很容易做到，但我想...
我是 React Native 的新手，我正在构建一个简单的新闻应用程序。我可以在 NewsListScreen 上获取并显示项目，但无法将对象传递到 NewsItemScreen 或打开链接来阅读
我是 React Native 的新手，正在构建一个带有登录、注册、主页和设置屏幕的简单应用程序。 我已经安装了 Stack Navigator、Drawer Navigator 和 Bottom Tabs Navigator 以及
如何在React Native中隐藏特定屏幕上的底部导航栏？
我正在使用 React Native 和 React Native Navigation 来构建我的应用程序。目前，我有三个底部选项卡：主页、上传视频和消息。选择“上传视频”选项卡后，我想要...
在React Native导航6中将参数传递给底部选项卡组件
我有如下代码： const 项目 = ({ 导航, 路线 }) => { const id = 路由.params.itemId; 返回 （ 我有如下代码： const Project = ({ navigation, route }) => { const id = route.params.itemId; return ( <Stack.Navigator > <Stack.Screen name="ProjectMain" component={TopNav} initialParams={{ id: id }} /> </Stack.Navigator> ); }; 现在如何将initialParams传递给我的组件TopNav？ 我的TopNav如下所示 const TopNav = (props) => { console.log(props); console.log(props.route); return ( <> //my tab screens </> ); }; 我无法在这里获取参数，它总是未定义的。如何将某些内容传递到我的 TopNav 组件？ 这对我来说看起来是正确的。 您能否仔细检查 id（项目中的第 2 行）是否未定义？ props.route 的输出是什么？它应该是一个带有 key、name、params 和 path 的对象 你可以尝试使用： const TopNav = () => { const route = useRoute() console.log(route); return ( <> //my tab screens </> ); }; 使用 选项。 <Stack.Screen name="ProjectMain" component={TopNav} options={{ id: 'Awesome app', }} />
默认情况下，我在react-native项目中创建的每个屏幕都使用非常浅的灰色作为背景颜色。正如你在这里看到的： 我想知道我不是为我的专业版的每个屏幕设置背景颜色...
如何在 React Native 的特定屏幕中导航到不同的底部选项卡导航
我有底部选项卡导航，例如我已附加带有导航的屏幕。 框架：React Native，React Native 导航 v6。 问题：我需要从“主页”选项卡导航到第二个屏幕...
从'react'导入React，{Component} 从 './pantallas/Registrar' 导入注册器； //注册屏幕 从 './pantallas/Principal' 导入委托人； // 登录后主界面 导入 {
在React Native应用程序中使用Native基础显示Toast时，无法读取未定义的属性（读取Show Toast）
当我尝试在我的 React 本机应用程序中使用 Toast 消息时，从一个页面导航到另一个页面时，我确实知道在哪种情况下会出现此错误，但是，应用程序突然崩溃，没有任何错误...
使用 Jest 的 React Native 测试在 error-guard.js 中的 ErrorHandler 类型上崩溃：14
我有一个 React Native 应用程序。当使用 Jest 运行测试时，它崩溃并显示以下输出： /node_modules/@react-native/polyfills/error-guard.js:14 输入 ErrorHandl...
如何将 createMaterialTopTabNavigator 向右对齐
目前我的项目都在左侧，因为它们应该是默认的。我似乎无法将其移至右侧。作为参考，我附上了一张图片 https://ibb.co/fYFPMFJ 我已经尝试过
如何使用 jest 和 React 测试库来模拟 @react-navigation/native
我有标头组件，用React Native编写。 当 onPress 被触发时，它应该执行 goBack 函数，但它只记录“onPressCalled”并且不输入 if 语句。看起来模拟是...
我正在尝试在场景之间发送字符串和对象，我当前使用堆栈导航。 目前在更改屏幕时未接收参数，以下是部分代码： 登录 导入反应，{
有没有办法按下标签栏而不渲染组件屏幕？我一直在传递空函数，但它仍然呈现空白屏幕。我希望无论您按什么位置，它都会保留在主屏幕上。
如何在入口点文件中使用 React Native 导航（当组件位于 NavigationContainer 外部时，React Native 导航不起作用）
我真的很抱歉这个问题的标题这么长，但我对此很困惑。 我已经在 React Native 登录页面上工作了大约 10 天，在完成所有服务器端之后......
我的组件有问题， 假设我的组件是这样的 const RenderFooter = (props: Props): React.ReactElement => ( 我的组件有问题， 假设我的组件是这样的 const RenderFooter = (props: Props): React.ReactElement => ( <StickyFooter accessibilityLabel="Introduction-Footer" primaryButtonText={I18n.t('Introduction-Primary-Button-Text')} secondaryButtonText={I18n.t('Introduction-Secondary-Button-Text')} onPressPrimaryButton={() => navigate(props, 'LoginPage')} onPressSecondaryButton={() => navigate(props, 'RegisterPage')} /> ); 我希望当我尝试调用这个组件时它不需要添加参数，但是当我尝试调用它时我的组件需要参数（从这里到不带参数）。如何制作我的组件可以是这样的。 这是我这个组件的 Props 类型 export type NavigateFunction = (routeName: string, params?: object | undefined) => void; export type Props = { navigation: { navigate: NavigateFunction; }; } 请大家帮帮我，非常感谢 如果您想让 RenderFooter 组件更加灵活并且在调用它时不需要任何参数，您可以为 props 参数提供默认值。您可以使用函数定义中的默认参数来执行此操作。以下是修改组件的方法： const RenderFooter = (props: Props = {}): React.ReactElement => { const { navigation } = props; return ( <StickyFooter accessibilityLabel="Introduction-Footer" primaryButtonText={I18n.t('Introduction-Primary-Button-Text')} secondaryButtonText={I18n.t('Introduction-Secondary-Button-Text')} onPressPrimaryButton={() => navigate(navigation, 'LoginPage')} onPressSecondaryButton={() => navigate(navigation, 'RegisterPage')} /> ); }; 在此代码中，我为 {} 参数提供了空对象 props 的默认值。这意味着如果您不带任何参数调用 RenderFooter()，它将使用一个空对象作为 props。如果您使用参数调用它，它将使用提供的 props。这允许您使用带参数和不带参数的组件。
如何使用 React Native 底部选项卡中的选项卡按钮创建汉堡菜单？
我正在尝试创建一个汉堡菜单，当您按下“更多”按钮时，该菜单将弹出在当前屏幕的顶部。期望结果的图像。 有点像这样。 我正在尝试创建一个汉堡菜单，当您按“更多”按钮时，该菜单将弹出在当前屏幕的顶部。 有点像这样。 <Tab.Screen name="More" component={HamburgerMenuFunc} options={{ tabBarLabel: 'More', tabBarIcon: ({ focused }) => ( <Entypo name='menu' size={34} color={focused ? "#32ACE0":"white"} /> )}} /> 我使用上面的代码引用组件属性中的一个函数来尝试查看在同一屏幕上是否会弹出警报，但这将需要我单独分隔空白页面。 实现自定义 tabBar 并覆盖默认行为（即导航）以显示菜单。 <NavigationContainer> <Tab.Navigator tabBar={(props) => <MyTabBar {...props} />}> <Tab.Screen name="Home" component={HomeScreen} /> <Tab.Screen name="Toys" component={ToysScreen} /> <Tab.Screen name="More" /> </Tab.Navigator> </NavigationContainer> 请参阅选项卡了解详细信息。
在我下面的代码中，当我使用 useNavigation() 时，它会给出像我的问题一样的错误 如何使用useNavigation，请任何人都可以解决此错误...错误：找不到导航对象。是你的
我正在创建一个带有帐户处理系统的 React Native 应用程序。我正在使用异步存储来存储帐户，并且我有一个布尔值存储 isLoggedIn，我正在访问它以查看是否应该直接...