React Native和React导航-如何让屏幕标题显示在页眉和底部选项卡导航器中

文章/答案/技术大牛

发布

1回答

React原生导航允许在屏幕材料的一部分上滑动顶部导航器

react-native、react-navigation

我的应用程序中有一个materialTopTabNavigator，其中一个屏幕需要在屏幕的一部分(例如，从屏幕底部到从底部到200 )启用选项卡之间的滑动手势。下面是我作为gestureHandlerProps传递的内容和指向PanGestureHandler文档的链接： gestureHandlerProps={{}} //height is height of screen 指向PanGestureHandler文档的链接：htt

浏览 16提问于2020-10-08得票数 1

回答已采纳

1回答

React本机底部选项卡导航器

reactjs、react-native、react-navigation、react-native-navigation、react-navigation-bottom-tab

我有一个问题，与React Native中的底部选项卡导航器连接。假设我有6个屏幕，并且我想在底部的选项卡导航器中只显示5个屏幕。options={{ }} /> 和</em

浏览 16提问于2021-04-08得票数 0

回答已采纳

2回答

react-native、react-navigation

我正在自学React Native并构建一个相当简单的应用程序。我已经设置了每个屏幕(以关于屏幕为例) title: 'About'在我的应用程序的主要组件中 const MainNavigator如果我在iOS模拟器中使用检查器，我可以选择标题，它显示它是x: 0, y: 44中的一个带有width: 37

浏览 27提问于2019-07-05得票数 2

1回答

将参数从子导航器发送到父导航器React native

react-native、redux、react-redux、stack-navigator、tabnavigator

我使用的是React native和redux。我在redux中的一项操作需要更新底部选项卡导航器选项卡上的徽章计数。SetParams不能在屏幕之外的任何地方工作，所以我如何从它下面的一个屏幕设置底部选项卡导航器的参数，以便它接收这些属性？提前谢谢。

浏览 28提问于2021-08-06得票数 0

回答已采纳

3回答

如何将两种类型的导航混合在一起

react-native、menu、navigation

我希望在我的应用程序(5.x)上有一个底部导航。在此之后，我还想让用户在其他用户配置文件视图上导航。但是，我不希望这个新屏幕出现在底部的导航上。我不知道该怎么做。我需要混合堆栈导航和底层导航吗？

浏览 5提问于2020-02-15得票数 3

回答已采纳

1回答

使用React* Native阻止返回到上一个屏幕*

reactjs、react-native、expo、react-navigation

我正在开发一个带有React Native和React导航的应用程序。对于大多数应用程序，我都有一个底部的标签导航器和页眉。然而，在应用程序的一个部分，用户可以进行呼叫，并被带到一个没有导航的屏幕。在不结束呼叫的情况下，用户应该无法导航到上一个屏幕。如何防止用户返回？

浏览 125提问于2021-03-25得票数 0

回答已采纳

1回答

如何在React本地导航中获取Header组件的高度

react-native、react-navigation

我一直在寻找一种好方法来获得react-native堆栈导航器的Header组件的高度，但无济于事。我遇到过一个，它没有提供特定的页眉高度，但似乎不可避免地结合了底部选项卡栏的高度。我想知道如何使用react-导航来计算导航头和状态栏的高度。作为参考，我的项目正在使用react-Navigation3.11，但如果有涉及4.x独有特性的解决方案，我会很乐意尝试升

浏览 51提问于2019-10-23得票数 2

1回答

如何使用React导航动态更改选项卡标题？

javascript、react-native、react-navigation、react-navigation-stack、react-navigation-bottom-tab

我正在使用React导航库在React Native中构建一个应用程序。我面临的问题是，当在堆栈导航器(HomeStack)中呈现选项卡导航器时，每个单独的选项卡都保留了父级堆栈导航器的标题“主页”。在阅读了有关嵌套导航器(https://reactnavigation.org/docs/

浏览 20提问于2020-03-14得票数 2

回答已采纳

1回答

React :设置

javascript、reactjs、typescript、react-native、mobile

在jwt = true的情况下，我希望有来自BottomTabsNavigator的制表符和来自StackNavigator的标头。您可以在下面找到我的导航jsx。

浏览 1提问于2020-09-12得票数 0

回答已采纳

2回答

单击底部选项卡导航器上的选项卡时，如何更新react-native组件

react-native、react-navigation

我正在使用React-native中的底部选项卡导航器进行导航。当我切换选项卡时，元件不会更新。请让我知道如何更新/刷新整个组件，当我点击底部的选项卡导航器

浏览 0提问于2021-08-04得票数 2

1回答

从react本机中底部选项卡导航器的标题导航

javascript、react-native、react-navigation

我正在使用react原生的react- navigator堆栈导航器中的底部标签导航器。当堆栈到达底部选项卡导航器时，我希望从页眉的左侧或右侧元素导航。我添加了左和右按钮，但当我尝试导航时，它给我错误，我的导航器如下所示。'; import FIcon from 'react-native-

浏览 16提问于2019-11-24得票数 0

1回答

从底部Tab导航器导航到堆栈导航器

react-native、react-navigation

"react-native-reanimated": "^1.10.2", "react-native-web": "^2.9.0"假设我有一个堆栈导航器和一个底部Tab导航器。

浏览 1提问于2020-08-12得票数 9

回答已采纳

2回答

用DrawerNavigator反应原生BottomTabNavigator，如何让底部导航器始终可见

react-native、navigation-drawer、react-native-navigation、react-native-tabnavigator、react-native-drawer

我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器</em

浏览 11提问于2018-10-07得票数 3

10回答

反应导航V5隐藏底部标签

javascript、react-native、react-navigation、react-native-navigation

我希望能够在屏幕上隐藏选项卡，使用本机导航v5。这是我的代码：import * as React from 'react'; import { NavigationContainer } from '@react</e

浏览 19提问于2020-02-17得票数 14

回答已采纳

1回答

可以在tabscreen元素中隐藏一个吗？

reactjs、react-native

我试图在React Native中从底部的Tab Navigator隐藏其中一个屏幕。这只是因为我使用嵌套导航和子导航器是标签导航器。我必须定义屏幕，但我不想让它在屏幕上可见。我该怎么办？

浏览 3提问于2021-04-09得票数 0

2回答

删除标头特定页

react-native、react-navigation、react-native-navigation

我在App.js中设置了以下页面 MyTab: { navigationOptions:{ title: 'Header title' }}) 底部标签导航与4个屏幕:家庭，搜索，卡和帐户。这个选项卡导航器在堆栈导航器中，因为我需要堆栈导航器</em

浏览 4提问于2019-12-14得票数 0

1回答

无法组合导航器

react-native

我的React Native应用程序有问题。我希望第一个屏幕截图只有一个标题，而不是这里的两个标题，并保留选项卡导航器，但当单击“提及légales”按钮时，将被重定向到CGUScreen，带有类似的标题，底部没有选项卡导航器。/screens/CGUScreen'; import { NavigationContainer } from '@reac

浏览 23提问于2020-06-08得票数 0

3回答

React -当我有底部选项卡导航时如何添加标题

reactjs、react-native、react-navigation、react-native-ios

我正在尝试实现类似Instagram的导航import React from 'react';import { createAppContainer, createBottomTabNavigator} from 'react</e

浏览 3提问于2019-02-13得票数 0

1回答

在底部选项卡中反应导航6.x头问题

react-native、react-navigation-bottom-tab、react-navigation-v6

我更新了我的依赖项以响应导航6.x ReactiveNavigation6.x说：“默认情况下，底部选项卡中的标题& Drawer#开发人员通常希望显示抽屉和底部选项卡内屏幕的标题。为此，我们必须嵌套一个提供标题的堆栈导航器，即使它是一个只有一个屏幕的导航器。因此，现在我们在抽屉和<e

浏览 1提问于2021-08-16得票数 3

1回答

如何使用React* navigation 5.X在底部选项卡导航器中使用堆栈导航*

react-native、react-native-android、react-navigation、react-native-navigation

我正在更新我的代码以使用react-Navigation5.x，但我不知道在这个版本中如何使用底部选项卡导航器实现堆栈导航。我只在用户登录后出现的屏幕上使用底部选项卡导航器。在初始屏幕上，只有带有自定义按钮的导航。我的问题是我不知道如何创建我所拥有的必需品的路线。我一直在寻找一个代码示例，但我只找到了仅使用<e

浏览 18提问于2020-04-15得票数 0

回答已采纳

点击加载更多

React原生导航允许在屏幕材料的一部分上滑动顶部导航器

React本机底部选项卡导航器