猿问

在TabView中使用Frame标签时,如何排除ActionBar?

我的问题

我在特定页面上使用了一个简单的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。

当我们直接导航到页面时,我想显示操作栏。

这可能吗?如果是这样,您能指出我正确的方向吗?这是我的代码惨败...

操场上的在线演示

感谢您的光临,约翰



不负相思意
浏览 156回答 1
1回答

潇潇雨雨

您可以将actionBarHidden属性设置为false在Page您不希望出现的操作栏上。如果你不希望在整个操作栏Frame,然后设置actionBarVisibility要never在Frame自身。&nbsp; &nbsp; <TabView>&nbsp; &nbsp; &nbsp; &nbsp; <TabViewItem title="first tab">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Frame defaultPage="home/home-page" actionBarVisibility="never"></Frame>&nbsp; &nbsp; &nbsp; &nbsp; </TabViewItem>&nbsp; &nbsp; &nbsp; &nbsp; <TabViewItem title="2222 tab">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Frame defaultPage="search/search-page" actionBarVisibility="never"></Frame>&nbsp; &nbsp; &nbsp; &nbsp; </TabViewItem>&nbsp; &nbsp; </TabView>更新的游乐场
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答