我有一个Angular项目，正在尝试学习NativeScript。

在Angular中，我有以下内容：-

    <app-navigation></app-navigation>
    <div class="container-fluid">
        <router-outlet></router-outlet>
    </div>

我想让我的NativeScript遵循类似的约定：-

    <app-navigation></app-navigation>
    <page-router-outlet></page-router-outlet>

我的NativeScript导航组件将如下所示：-

    <TabView selectedIndex="0" (selectedIndexChanged)="onSelectedIndexchanged($event)">
        <StackLayout *tabItem="{title: 'First Tab',iconSource: 'res://icon'}">
            <StackLayout>
                // Router Link - Update page-router-outlet to Tab One Component
            </StackLayout>
        </StackLayout>
        <StackLayout *tabItem="{title: 'Second Tab',iconSource: 'res://icon'}">
            <StackLayout>
                // Router Link - Update page-router-outlet to Tab Two Component
            </StackLayout>
        </StackLayout>
    </TabView>

我看到了很多这样的例子，这些例子似乎并不理想。我对NativeScript不了解什么？

    <TabView androidTabsPosition="bottom">
       <page-router-outlet *tabItem="{title: 'Tab One'}" name="tabOne">
       </page-router-outlet>

       <page-router-outlet *tabItem="{title: 'Tab Two'}" name="tabTwo">
       </page-router-outlet>
    </TabView>