为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

不负相思意 2021-04-30 13:50:40
我的问题我在特定页面上使用了一个简单的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。当我们直接导航到页面时,我想显示操作栏。这可能吗?如果是这样,您能指出我正确的方向吗?这是我的代码惨败...操场上的在线演示感谢您的光临,约翰
查看完整描述

1 回答

?
潇潇雨雨

TA贡献1833条经验 获得超4个赞

您可以将actionBarHidden属性设置为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>

更新的游乐场


查看完整回答
反对 回复 2021-05-13
  • 1 回答
  • 0 关注
  • 155 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信