NativeScript 如何从 TabView 隐藏选项卡按钮答案

【问题标题】：NativeScript How to hide tab buttons from TabViewNativeScript 如何从 TabView 隐藏选项卡按钮
【发布时间】：2019-06-07 11:15:54
【问题描述】：

我的 NativeScript 页面中有一个 TabView。选项卡内容以编程方式填充。

如何隐藏/折叠选项卡按钮（因为选项卡是通过编程方式切换的）？

参见 TabView 按钮栏的上图 - 需要折叠

【问题讨论】：

您可以在此处查看示例 - github.com/tsonevn/HideTabs_TabView/blob/master/app/…，其中展示了如何隐藏 iOS 和 Android 的 TabView 选项卡

标签： nativescript

【解决方案1】：

你可以试试

对于ios：

var myTabView = page.getViewById("myTabView")
myTabView.ios.tabBar.hidden = true;

安卓版

myTabView.android.removeViewAt(1);

【讨论】：

对于 IOS，这会隐藏 tabView，但会留下一个空白区域，就好像它只是透明的一样。

【解决方案2】：

一个更好的 android 解决方案（我希望我从我工作的 nativescript 角度代码中正确翻译它）

  const tabLayout = myTabView.android.tabLayout;

  // use native android methods to hide the tabLayout containing the tab buttons
  if(isFullscreen) {
    tabLayout.setVisibility(android.view.View.GONE);
  } else {
    tabLayout.setVisibility(android.view.View.VISIBLE);
  }

【讨论】：