当屏幕中包含列表时,Material Top Tabs 非常不稳定

作者: aik117创建于 2025年3月19日更新于 2026年9月2日
标签bugneeds reproplatform:androidplatform:ios

• 当前行为

顿 我使用 Material Top Tabs v 6.6. 14, 我有一个动态标签导航器, 它可以包含尽可能多的标签, 列表项目包含单独的图表 。 我也会隐藏标签标签, 第一个问题是当我刷取标签时,屏幕标题更新非常缓慢. 我检查了收听器中的焦点事件,我想在其中更新标签标题,但收听器内部的焦点事件在经过一些延迟后被调用. 当我快速地在标签之间打扫时,标签开始怪异的行为,在每一个标签之间跳出无限. 有人能帮忙吗 我花了这么多时间 却找不到办法解决

这是我的动态标签导航器

进口反应'、{使用效果、使用状态}来自反应'; 从“ react-native” 导入 {尺寸、 样式、 文本、 视图} 从“ @ react-navigation/material-top-tabs” 导入{创建MatrialTopTabNavigator}; 导入 { getFocusedRouteName From Route, 使用Navigation} 从“ @ react-navigation/ native” 导入; 从 “./WidgetsContaner” 导入部件容器; 从“ react-redux” 导入{使用Selector}; 从 “./ extWrapper” 导入文本处理器; 从“ react-native-loader-kit” 导入装入器 Kit ; 从"./cs/AppStyles"导入{colorStyles};

Const Tab = 创建 MatrialTopTabNavigator ();

Const 用户标签 = (道克) {{ //console.log ("道具",道具; const 导航 = 使用Navigation(); const { set FocusedTabDetails, parentNavigation, 删除项目 }=道具;

c. 标签和Widgets = 使用Selector((状态) = QQ状态.user TabsAndWidgets Reductioner.user TabsAndWidgets);

Const 获得标题 Title = (路由) {{ controber.log ("路由",路线); / 请检查url=值 (帮助). 如果找不到焦点路线,我们需要假设是初始屏幕 / 请检查url=值 (帮助). 如果在屏幕上没有导航的话, 这种事就可能发生 / 请检查url=值 (帮助). 就我们来说,是"Feed",因为这是航海家号内的第一个屏幕 //const 路由Name = 获得指定路由Name From Route(路由) ; //console.log("路由名",路由名); 返回路径. name; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

返回( ưμ㼯A <Tab. > (中文(简体) ). 导航 初始路特Name QQ'Home' ] 屏幕选项QQ 选项卡BarStyle:{显示:"无"}, 懒:是真的, 懒惰者:()
{\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1}维尤风格 {\fn黑体\fs20\shad2\2aH82\3aH20\4aH33\fscx95\3cH592001\be1} < LoaderKit > 读取器 样式 : 名称“ BallSpinFade Loader ”) 颜色 :\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ / > 打开 < TextWrapper 风格\ color: 颜色Styles.header Color} 正在装入...\ n 请稍候 </ TextWrapper > </视频> }}> { 选项卡和 Widgets?.map((tab,索引)) QQ <Tab. > (中文(简体) ). 屏幕 键 {} 名字叫"塔布"吗? 听众 模糊:(e) {{{ // console.log ("tab 模糊"); {\fn华文楷体\fs16\1cHE0E0E0} tablePress: e QQControl.log ('Tab press', e. 重点:(e) {{{ //parentNavigation.setParams({ 显示删除按钮: tab. systemTab? 假名: true }); . . . . . . .

内容来源: react-navigation/react-navigation