有没有一种方法可以同时使用TabView和SideDrawer导航?

时间:2019-03-31 18:11:17

标签: angular2-nativescript

我在同时使用TabView和SideDrawer导航时遇到一些问题。首先,我完全按照documentation中的描述实现了TabView模式。之后,我添加了documentation的第二个示例中所述的带有独立出口的SideDrawer导航模式。

app.component.html

["Hello", "from", "the", "outside", "(", "outside", ")", "."]

app.component.html

<RadSideDrawer #sideDrawer>
    <StackLayout tkDrawerContent>
        <StackLayout>
            <Button text="Advanced" (tap)="openModalAdvanced()"></Button>
        </StackLayout>
        <StackLayout>
            <Button text="Settings" (tap)="openModalSettings()"></Button>
        </StackLayout>
    </StackLayout>

    <StackLayout tkMainContent>
        <TabView androidTabsPosition="bottom" selectedIndex="0" (selectedIndexChanged)="onSelectedIndexChanged($event)">
            <page-router-outlet *tabItem="{title: 'Featured'}" name="featured"></page-router-outlet>
            <page-router-outlet *tabItem="{title: 'Browse'}" name="browse"></page-router-outlet>
            <page-router-outlet *tabItem="{title: 'Search'}" name="search"></page-router-outlet>
        </TabView>
    </StackLayout>
</RadSideDrawer>

一切正常运行,只有一个例外。当我导航到高级设置时,TabView消失了。

有没有一种方法可以始终显示TabView?

0 个答案:

没有答案
相关问题