如何有效地查看 TabNavigator 页面

Posted

技术标签:

【中文标题】如何有效地查看 TabNavigator 页面【英文标题】:How to check TabNavigator Page efficiently 【发布时间】:2015-10-22 13:30:04 【问题描述】:

我正在使用 flex TabNavigator 来显示一些数据网格。每个数据网格具有相同的结构,但填充了不同的 dataProvider。目前我正在使用以下方法来检查单击了哪个数据网格或选项卡中的元素。

if(TabNavigator.selectedIndex == 0)

else if(TabNavigator.selectedIndex == 1)

... 否则 if(TabNavigator.selectedIndex == 4)

我的问题是有没有一种有效的方法来检查这个?无论如何我可以将类似的结构组织到一个属性中吗? 谢谢。

【问题讨论】:

【参考方案1】:

按照与选项卡导航器中的项目相同的顺序将所有数据提供程序添加到数组中。然后简单地做:

dataGrid.dataProvider = dataProviderArray[tabNavigator.selectedIndex];

这里的“dataProviderArray”是数据网格的所有数据提供者的数组。 此外,由于您提到数据网格对于所有选项卡都具有相同的结构,因此我假设您使用的是一个数据网格而不是多个。如果没有,我建议您只保留一个数据网格,并在选项卡更改时更改其数据提供者。

希望这能解决您的问题。

【讨论】:

谢谢。我试过了,但它几乎没有什么不准确之处。有时索引值会被交换,例如。第二个索引的数据被加载到第三个索引中。 只要您不操作源数组,就不会发生这种情况。检查您的代码,或者如果您想让我看一下,请将其发布在您的问题中。谢谢。

以上是关于如何有效地查看 TabNavigator 页面的主要内容,如果未能解决你的问题,请参考以下文章

在 TabNavigator 中隐藏选项卡的最佳方法是啥?

如何更有效地使用 RunApp 功能来更改页面

如何在另一个 React 组件中正确使用 TabNavigator

用户注销时如何重置 TabNavigator(从其他屏幕)

如何在 TabNavigator 的 Canvas 子项上获取个人 creationPolicy?

TabNavigator 涵盖内容