У меня есть некоторые проблемы при одновременном использовании навигации 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 всегда отображался?