问题标签 [react-native-tab-view]

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 投票
0 回答
1052 浏览

reactjs - 我们如何在本机反应中隐藏向下滚动事件的标签栏

我正在使用 react-native-tab-view 模块在我的应用程序中实现选项卡。标签工作正常,但我希望当用户向下滚动列表时,标签栏应该用动画隐藏。

我正在使用的模块链接,即 https://github.com/react-native-community/react-native-tab-view

这是我的代码:-

0 投票
1 回答
1043 浏览

react-native - 反应本机中没有可滑动活动的顶部标签栏

我正在寻找没有可滑动活动的顶部标签栏而不是底部,即标签不应水平滚动,我们应该只通过单击它而不是侧滚动标签来继续其他标签。现在我正在使用 Native Base 中的选项卡。我搜索了如何禁用该滑动活动?但我找不到任何关于它的东西。我也搜索了这样的标签视图,但大多数情况下我得到了带有滑动活动的标签。

所以,有什么方法可以禁用它,或者我搜索错误。

如果有任何其他顶部标签栏可用,请建议我可以使用它。

提前致谢。

0 投票
0 回答
1566 浏览

react-native - 如何使用 TabBarTop 和 TabBarBottom 作为自定义导航视图的组件?

我正在使用 react-navigation,我想在标题和选项卡之间放置一个自定义组件,如下所示:

我遵循了 reactnavigation.org https://reactnavigation.org/docs/custom-navigators.html的文档。我创建了一个自定义导航器并从 react-navigation 添加了 TabBarTop。

这是我的代码:

但是当我运行屏幕时,它会告诉我:

据我了解,TabBarTop 似乎没有将 navigationState 道具从“react-native-tab-view”传递给 TabBar。但在 TabNavigator 中使用时效果很好。

任何想法?谢谢 !

0 投票
1 回答
5269 浏览

reactjs - 如何从 react-native 应用程序中的构造函数更改 navigationOptions 中的标题标题?

在我的 react-native 项目中,我使用了 DrawerNavigator,从中导航到 SwitchAccount 页面。在 SwitchAccount 页面中,我使用了 react-native-tabs 中的选项卡。下面是我使用的代码

当我单击选项卡时,它会更改状态,然后我得到 _renderTab 函数返回的新组件。一切正常,但我想根据 _renderTab 函数返回的组件更改标题标题。我应该怎么办?有什么方法可以从构造函数更改标题标题?下面是我在 SwitchAccount 页面中的 navigationOptions 代码。在那里我想从构造函数中更改标题。

0 投票
3 回答
8333 浏览

react-native - 如何将图标添加到 react-native-tab-view 中的选项卡

我正在使用 react-native-tab-view ,我可以将文本放在选项卡上,但我想要图标。GitHub上有一些答案,但不清楚。如果你知道什么就完美了!

这是我正在谈论的标签视图

0 投票
1 回答
3277 浏览

react-native - 如何在 react-native-tab-view 中设置选定选项卡的样式

我正在使用 react-native-tab-view 并且我想将背景颜色设置为黑色只到选定的选项卡,其他人应该说灰色背景。

在此处输入图像描述

0 投票
1 回答
5108 浏览

react-native - 如何在 react-native-tab-view 中更改选定选项卡的背景颜色

我使用 react-native-tab-view。那么如何仅将背景颜色设置为选定的选项卡?
这就是我所拥有的...

谢谢!

0 投票
1 回答
774 浏览

react-native - 捆绑失败:SyntaxError Unexpected token,预期 react-native

这是完整的代码

0 投票
1 回答
893 浏览

react-native - React Native Tab View - 在单击之前不要渲染选项卡

无论如何,react-native-tab-view 在它可见/单击之前不会渲染选项卡?

链接:https ://github.com/react-native-community/react-native-tab-view

0 投票
0 回答
872 浏览

react-native - React Native Tab View 非活动标签背景颜色

我目前正在使用 react-native-tab-view ( https://github.com/react-native-community/react-native-tab-view ) 在我的应用程序 react Native 应用程序上实现选项卡。

我正在努力更改非活动选项卡项的背景颜色?有没有人这样做过或有任何想法?

我看到有人使用 renderLabel 函数来更改非活动选项卡的文本颜色的示例。这几乎就像我需要寻找一个 renderView 功能或什么?