Есть ли способ использовать TabView и SideDrawer Navigation одновременно? - PullRequest
0 голосов
/ 31 марта 2019

У меня есть некоторые проблемы при одновременном использовании навигации TabView и SideDrawer.Сначала я реализовал шаблон TabView в точности так, как описано в документации .После этого я добавил шаблон навигации SideDrawer с отдельными выходами, как описано во втором примере в документации .

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>

app.component.html

{...}
const routes: Routes = [
    { path: "", redirectTo: "/(featured:featured//browse:browse//search:search)", pathMatch: "full" },

    { path: "featured", component: FeaturedComponent, outlet: "featured" },
    { path: "browse", component: BrowseComponent, outlet: "featured" },
    { path: "search", component: SearchComponent, outlet: "search" },

    // SideDrawer
    { path: "advanced", component: AdvancedComponent, outlet: "advanced" },
    { path: "settings", component: SettingsComponent, outlet: "settings" }
];
{...}

Все работает, как и должно, с одним исключением.Когда я перехожу к Advanced или Settings , TabView исчезает.

Есть ли способ, чтобы TabView всегда отображался?

...