Question

如何使用标签TabViewItem在NativeScript中显示和隐藏组件？我希望能够选择显示和/或隐藏选项卡。

<TabView>
    <TabView.items>
        ...
        <TabViewItem title="LOGOFF">
            <TabViewItem.view >
                ...
            </TabViewItem.view>
        </TabViewItem>
    </TabView.items>
</TabView>

下面是我尝试过的例子：

<TabView>
    <TabView.items>
        ...
        <TabViewItem title="LOGOFF" [visibility]="settings.showLogin ? 'collapsed' : 'visible'">
            <TabViewItem.view >
                ...
            </TabViewItem.view>
        </TabViewItem>
    </TabView.items>
</TabView>

使用CSS：

<TabViewItem title="LOGOFF" class="hideTab">

.hideTab{
    display: none;
}

和

<TabViewItem title="LOGOFF" [class.hideTab]="true">

谢谢！

Answer 1

你的代码看起来有点奇怪。您希望通过[visibility]和[class.hideTab]实现什么目标？

无论如何，visibility属性是您想用来控制可见性的。

E.g。这将隐藏一个组件：

<Component visibility="collapse" />

与任何其他值一样，可以从绑定上下文中设置的变量设置。例如。如果您在绑定上下文中使用isShown作为布尔变量，它将控制可见性：

<Component visibility="{{ isShown ? 'visible' : 'collapse' }} />

如何在NativeScript中隐藏和/或取消隐藏TabViewItem组件？

1 个答案: