问题标签 [tabnavigator]

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 投票
2 回答
2554 浏览

react-native - React-Native-Navigation TabNavigator换屏功能?

我在我的应用程序中使用 react-native-navigation 选项卡导航器,在我的一个屏幕上,我有一个可以播放音乐的按钮。但是,如果您按下按钮然后导航到不同的屏幕(使用标签栏),音乐将继续播放。当用户导航到另一个屏幕时,我试图找到一种让音乐停止的方法。

当屏幕发生变化时,我可以调用类似于 componentDidUnmount() 方法的东西吗?

0 投票
0 回答
507 浏览

javascript - React.children.only 期望接收单个反应元素

我在运行我的代码时遇到了上述错误,并且还搜索了这个错误,我确实理解这个错误的含义,但在我的情况下我无法弄清楚。

这是 index.android.js 文件的代码:-

TabNavigatoro.js 的代码:-

这是 homeView.js 代码:-

我发现一个链接有同样的错误,但没有得到回答:-

https://github.com/expo/react-native-tab-navigator/issues/130

请让我知道究竟是什么导致了问题,因为它没有选择 {homeView} 和 {profileView} 页面,为什么它会出现 null ?

欣赏!!!

0 投票
1 回答
1040 浏览

react-native - 当 ScrollView 很长时,React Native TabNavigator 隐藏

我正在使用来自这个库https://reactnavigation.org/docs/navigators/tab的 TabNavigator 并且在屏幕上我有 ScrollView 它真的很长而且我的选项卡被隐藏了,如何才能不隐藏选项卡?

这是代码:

0 投票
1 回答
1374 浏览

reactjs - TabNavigator 中的动态屏幕数

情况

我目前为一家杂志编写新闻阅读器应用程序,该应用程序以不同类别发布英语和德语内容。每种语言的类别数量不同。类别以每种语言的数组形式存储。

屏幕组件始终相同,但必须以某种方式接收selector和。blog

问题

当语言发生变化时,如何更改屏幕数量?
如何将类别分配给屏幕组件?

环境

反应导航:1.0.0-beta.11
反应原生:0.45.0

Git问题

https://github.com/react-community/react-navigation/issues/1872

0 投票
2 回答
10730 浏览

android - 底部导航片段内的多个 Tab 片段

在带有三个选项卡(主页、仪表板、通知)的底部导航中。每个底部导航选项卡都是一个片段。第一个标签,即。主页片段包含另一个顶部导航选项卡,该选项卡具有四个选项卡(选项卡 1、选项卡 2、选项卡 3、选项卡 4)。

在此处输入图像描述

问题

  1. 当直接从主页选项卡导航到通知选项卡并返回主页选项卡时,Tab1/以前选择的选项卡(顶部导航选项卡)不会加载选项卡的内容。

  2. 当从选项卡 1(主页片段选项卡)一直滑动选项卡到通知选项卡并向后滑动时,到达选项卡 4时,选项卡的内容未加载,并且在第一次从选项卡 4滑动到选项卡 3时,不会滑动到标签 3选项卡指示器只是移动一点,在第二次滑动时,它会按预期转到选项卡 3 。

该应用程序包含大量代码,因此我将完整代码链接到Github

为了快速参考这里是我的代码

MainActivity.java

FirstFragment.java(主页)

问题

  1. 代码有什么问题?
  2. 如何解决这个问题?(布局是必需的)或者有没有更好的方法来从屏幕截图中提出布局?
0 投票
1 回答
251 浏览

react-native - TabNavigator - React Native Android

有什么方法可以让我们在底部而不是 Android 中的默认顶部显示选项卡以导航屏幕。我正在制作一个需要标签位于底部的应用程序,就像在 iOS 中一样。

0 投票
1 回答
185 浏览

react-native - React Native Material 底部导航中的页面从中间开始

你好堆栈溢出社区,

我正在使用 React Native 构建一个应用程序,我正在使用 Timomeh 的 React Native Material Bottom Navigation 和 Tab Navigator 将底部导航添加到我的应用程序中。但是,我在每个选项卡中添加的所有视图似乎都是从页面中间开始的。我在下面分享了这张照片(红色框是我想要显示的视图,但它从中间开始。我使用尺寸将其宽度和高度设置为设备的宽度和高度)。

在此处输入图像描述

我想知道是否有解决此问题的方法。

0 投票
1 回答
39 浏览

reactjs - 防止透明 TabNavigator 组件上的颜色溢出

TabNavigator我在以透明方式渲染文本时遇到问题TabBar,因为我想显示背景Image。那张图片大部分是红色的,我想要标签的纯白色文字,但它们变成了粉红色。问题是 RN 将背景颜色与文本颜色混合。本质上,RN 并没有给文本视图 100% 的不透明度。

0 投票
2 回答
1346 浏览

reactjs - 如何在反应原生的 TabNavigator 中添加列表计数

如何在 react native 中实现选项卡导航器内的计数。下面是示例图像。我问过反应社区,但似乎没有人对此有答案。请帮忙。 在此处输入图像描述

0 投票
0 回答
161 浏览

android - 嵌套导航器 React Native

我正在按照以下方式使用 TabNavigator:https ://reactnavigation.org/docs/navigators/tab 。该应用程序已经拥有来自 react-native 的 Navigator 来处理不同屏幕之间的导航。Navigator 连接到 redux 存储。我的问题是,当我在单击选项卡屏幕上的按钮后转到任何屏幕时,它会转到特定屏幕(由导航器处理),但是在返回时它不会返回到选项卡屏幕。

我还查看了https://reactnavigation.org/docs/intro/nesting但我想用 react Navigator 来做。

对此的任何建议/指南都会非常有帮助。