当屏幕中包含列表时,Material Top Tabs 非常不稳定
• 当前行为
顿 我使用 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