问题标签 [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 回答
812 浏览

javascript - 使用 react-native-tab-view 反应原生粘性标题

我正在尝试在 React Native 中使用标签栏实现粘性标题。所以当用户向下滚动时,标题会折叠,当用户向上滚动时,它会再次展开。但是,如果我们移动到不可滚动的选项卡,我会遇到空格问题。另外,我无法取回折叠的标题。

截屏:https ://gfycat.com/MelodicIncomparableAlpineroadguidetigerbeetle

对此有任何解决方案/想法吗?钛酸。

0 投票
1 回答
3610 浏览

reactjs - 当标签数增加时,反应本机标签视图拥挤

我正在使用react-native-tab-view屏幕顶部的显示选项卡。如果屏幕数量将增加(超过 5 个),屏幕视图看起来很拥挤

下面是我的代码片段

我也发布图片以供参考。

在此处输入图像描述

是否有任何属性可以使我可以TabView通过单独的选项卡固定宽度向右滚动?

PS:我试过react-native-scrollable-tab-view但卡在同一个地方。

0 投票
1 回答
2364 浏览

reactjs - FlatList 没有在 react-native-tab-view 中呈现我的数据

我有一个状态this.state.mantras,每次我发布新的mantra.

我有一个带有 FlatList 的组件来呈现每个咒语。然而,FlatList 没有渲染任何东西。我能够控制台记录每次记录咒语数组更新状态的状态。

我有一种感觉,它是由我试图在其中呈现平面列表的 react-native-tab-view 引起的。

0 投票
0 回答
233 浏览

react-native - 无法滚动 TabViewAnimated 视图

我正在使用来自react-native-tab-view 的TabViewAnimated和三个场景。加载时它会显示子场景的滚动条,但它很快就会消失并显示 TabViewAnimated 的滚动条,它没有滚动。

我的渲染功能如下:

initailLayout值: const initialLayout = { 高度:0,宽度:Dimensions.get('window').width, };

_renderScene 函数是

儿童场景标签就像,

我在这里想念什么?

0 投票
1 回答
3486 浏览

reactjs - 如何使 react-native-tab-view 的 TabBar 变小?

我正在使用react-native-tab-view,但 TabBar 很大,我想让它变小。如何定制它?应用边距/填充 0 不起作用。应用小高度有效,但文本丢失。如何使它更小或更可定制?

0 投票
2 回答
1833 浏览

javascript - does the tabview renders components on swipe only?

The screen i am working on needs some tab navigation . its working great but there is one problem. It renders the component on swipe only when i press on the tab i want to go to . it does not do anything. Ex: I am on tab number 3 and i want to go to tab 1. If i click on tab 1 , nothing happens . i have to swipe to it passing tab 2 in the process . I don't want that . Here's my code.

render scene function

state

0 投票
1 回答
7486 浏览

react-native - React Native Tab View - 滚动时在顶部显示标签栏

我正在使用 React Native 选项卡视图,并使用它renderTabBar来显示我的自定义选项卡栏。所以我的问题是,即使将标签栏向下滚动到底部,如何将其保持在屏幕顶部?就像在 Twitter、Instagram 等任何应用程序中一样。

感谢您的时间和帮助!

这是我的代码:

在此处输入图像描述

0 投票
2 回答
1351 浏览

react-native - 如何在反应原生选项卡视图上隐藏一些选项卡?

我在我的应用程序上使用了选项卡视图反应本机,我想通过更改设置来隐藏一些选项卡,但我不知道该怎么做。目前,我有 3 个选项卡:个人、公司和材料,在设置中我可以检查选项卡,例如,当未选中公司时,不应出现在选项卡视图中

0 投票
1 回答
815 浏览

react-native - 通过单击 React Native 中的选项卡动态更改标题文本并显示/隐藏左/右标题按钮?

我在我的反应原生项目中使用标签。我想更新标题文本并显示/隐藏选项卡上的左、右按钮单击反应原生。

我将此代码用于选项卡导航和 StackNavigator 用于选项卡屏幕:

在下面点击复选框按钮的屏幕截图中,我想在标题中显示删除按钮

知道如何更新标题并显示隐藏标题按钮吗?

在此处输入图像描述

0 投票
1 回答
852 浏览

react-native - 不变违规:不变违规:outputRange 不能包含#ffffff。(#ffffff,#aaa2d7,#aaa2d7)

即使我更改,我也会收到此错误: inputIndex === i ?255: 0 到 inputIndex === i ?“#ffffff”:“#aaa2d7”。

目的是当第一个选项卡处于活动状态时,标题颜色应为白色“#ffffff”,其他选项卡应为“#aaa2d7”

谢谢你