问题标签 [react-navigation-top-tabs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1210 浏览

react-native - React Native:标题需要位于 createMaterialTopTabNavigator 之上

我在 createMaterialTopTabNavigator (反应导航)方面遇到了一些麻烦。我想让我的标签导航器在标题下方,但这就是它当前的显示方式:

标头错误

我对如何降低标题了解不多,因为我需要标题位于选项卡导航器上方。这是该部分的主要代码:

谢谢您的帮助!

0 投票
0 回答
103 浏览

react-native - 有没有办法从屏幕内覆盖反应导航标题?

想知道是否有一种简单的方法可以在单个屏幕中覆盖 react-navigation 的 Stack 和 MaterialTopTabNavigator 组件。在显示加载叠加和对话框/提示组件等组件时,我需要同时叠加。

我知道我可以在与导航相同的根文件中定义这些组件,但这意味着我必须在 redux 或其他一些共享状态中跟踪对话框的状态,为了更具声明性/功能性的。

找不到任何好的解决方案,我正在梳理 react-navigation 的源代码,但是如果其他人已经解决了这个问题,那将节省我很多时间。谢谢!

编辑:我也不想使用 react-native 的模态或 react-native-modal。想自己实现一个自定义组件。

0 投票
0 回答
250 浏览

react-native - 为 createMaterialTopTabNavigator 调用键盘时隐藏选项卡栏作为底部选项卡导航器实现

大家好,我正在使用 React Navigation 5 createMaterialTopTabNavigatorBottom Navigation setup因为我需要 Material Top Navigator 提供的滑动过渡,但与 不同createBottomTabNavigator的是,Material Top没有 a keyboardHidesTabBar,因此我可以确保在键盘打开时隐藏标签栏,但这就是我想要实现的目标(https://material.io/components/bottom-navigation#placement)。
还有其他方法可以完成这样的事情吗?

这是当前可以玩的小吃:https ://snack.expo.io/qTDqLo1eb

这是代码:

0 投票
0 回答
49 浏览

react-native - 从最后一个屏幕向右滑动以转到反应导航中的第一个屏幕 Material Top Tabs Navigator

我正在尝试在反应导航 Material Top Tabs Navigator 中实现流程。

我想在 Material Top Tabs Navigator 中的最后一个屏幕上向右滑动以转到导航器中的第一个屏幕。反之亦然,如果我在导航器的第一个屏幕上向左滑动,那么它应该带我到导航器的最后一个屏幕。

在反应导航中没有直接实现来实现这种行为,我也无法在谷歌上找到任何解决方案。

谢谢

0 投票
0 回答
103 浏览

react-native - React Native - 键盘自动隐藏

我在本机反应中遇到了键盘问题。我有一个TextInput内部组件。问题是当我触摸它时 - 键盘开始显示,但立即隐藏起来。(检查了键盘的事件监听器 - 事件keyboardWilHide触发器,但我不知道是什么触发了它)。

我假设问题的核心在我的导航架构中。我有materialBottomTabNavigator里面materialTopTabNavigator,里面有StackNavigator,我的组件是堆栈导航器中的一个屏幕。可能某些选项卡属性正在触发键盘隐藏事件,但我没有找到任何。

(就调试启动的应用程序而言,我的组件已从此类导航中移出,并且一切正常)。

将不胜感激任何帮助。提前致谢!

0 投票
3 回答
2315 浏览

javascript - 安装 Reanimated 2 后仍然收到警告“如果你想使用 Reanimated 2 那么......”

我试图使用'@react-navigation/top-tabs',但它依赖于 reanimated 2 我安装了 reanimated 2 但仍然得到相同的警告:

1-可以通过以下方式忽略警告:

2-如果你有任何其他想法,请帮助我

谢谢你

0 投票
1 回答
167 浏览

reactjs - 有没有办法检查屏幕是否在底部标签导航中 - 反应导航 5.X

我需要检查屏幕是在底部标签导航(带有底部标签栏)还是在堆栈导航(没有标签栏)中呈现的。底部选项卡导航和堆栈导航都使用相同的屏幕。

我可以根据渲染屏幕的导航类型添加检查和渲染组件吗?

0 投票
2 回答
1611 浏览

react-native - 检查 `MaterialTopTabNavigator` 的渲染方法

我想创建一个 Top Tab 导航器并将两个屏幕 Badges.js 和 Studying.js 放入 Tab 当我在我的设备上运行它时我收到一个错误它说“错误:元素类型无效:需要一个字符串......”"检查 `MaterialTopTabNavigator" 的渲染方法

TabScreen.js

徽章.js

学习.js

在此处输入图像描述

0 投票
1 回答
143 浏览

react-native - 为什么即使我安装了 Material Top Tabs 也找不到?(反应原生)

我安装了 Material Top Tab 库并将其导入到项目中,但它出现了一个错误,它说:

在项目或以下目录中找不到“@react-navigation/material-top-tabs”:..\node_modules@react-native

我不知道错误是什么!

0 投票
1 回答
152 浏览

ios - React Native - 找不到名称为“scrollTo”的命令

我是 ReactNative 的新手,不确定这里发生了什么。
我想使用 ReactNavigation 库的 MaterialTopTabs https://reactnavigation.org/docs/material-top-tab-navigator\ 添加其中一个属性不适用于 ios 但适用于 Android

给出以下错误: