javascript - 在 TabView 中使用 Frame 标签时如何排除 ActionBar？

Question

我的问题

我在特定页面上使用简单的 TabView。

<Page class="page" navigatingTo="onNavigatingTo" xmlns="http://schemas.nativescript.org/tns.xsd">

    <ActionBar class="action-bar">
        <!-- 
        Use the NavigationButton as a side-drawer button in Android
        because ActionItems are shown on the right side of the ActionBar
        -->
        <NavigationButton ios:visibility="collapsed" icon="res://menu" tap="onDrawerButtonTap"></NavigationButton>
        <!-- 
        Use the ActionItem for IOS with position set to left. Using the
        NavigationButton as a side-drawer button in iOS is not possible,
        because its function is to always navigate back in the application.
        -->
        <ActionItem icon="res://navigation/menu" android:visibility="collapsed"
            tap="onDrawerButtonTap" ios.position="left">
        </ActionItem>
        <Label class="action-bar-title" text="Browse"></Label>
    </ActionBar>

    <TabView androidTabsPosition="bottom">
        <TabViewItem title="first tab">
            <Frame defaultPage="home/home-page"></Frame>
        </TabViewItem>
        <TabViewItem title="2222 tab">
            <Frame defaultPage="search/search-page"></Frame>
        </TabViewItem>
    </TabView>

</Page>

如您所见，当我们到达此页面时，我们会看到底部选项卡。但是当我们点击其中一个选项卡时，问题就出现了。

实际情况是，它正在导入整个页面，包括标题栏。

错误截图

理想的解决方案

我希望能够使用 Frame 标记将页面导入到我的 TabView 中，但在这样做时排除 ActionBar。

当我们直接导航到页面时，我确实希望显示操作栏。

这可能吗？如果是这样，你能指出我正确的方向吗？这是我的代码失败得很惨......

Online Demo in Playground

感谢观看，约翰

Answer 1

您可以设置 actionBarHidden属性(property)false在 Page 上您不希望出现操作栏。

如果你不想整个Frame上的操作栏, 然后设置 actionBarVisibility至 never在 Frame 上本身。

    <TabView>
        <TabViewItem title="first tab">
            <Frame defaultPage="home/home-page" actionBarVisibility="never"></Frame>
        </TabViewItem>
        <TabViewItem title="2222 tab">
            <Frame defaultPage="search/search-page" actionBarVisibility="never"></Frame>
        </TabViewItem>
    </TabView>

Updated Playground