TypeScript - wie man eine Aktionsleiste in der unteren Navigation in NativeScript hinzufügt

Ich versuche, ein Aktionsfenster oder eine Aktionsleiste zur unteren Navigation hinzuzufügen, irgendwelche Ideen wie? Ich benutze TypeScript

Ich habe die NativeScript-Dokumentation gelesen und scheine keine Informationen darüber zu finden.

bitte helfen

hier ist mein Code unten:

   <BottomNavigation selectedIndex="0">


<TabStrip>
    <TabStripItem>
        <Label text="Home"></Label>
        <Image src="font://&#xf015;" class="fas t-36"></Image>
    </TabStripItem>

    <TabStripItem class="special">
        <Label text="Profile"></Label>
        <Image src="font://&#xf007;" class="fas t-36"></Image>
    </TabStripItem>
</TabStrip>


<TabContentItem>

        <StackLayout>

        <VideoPlayer:Video id="nativeVideoPlayer"
        controls="true" loop="true" autoplay="true" Height="1000" scaleY="1.2"
        src="~/Videos/v2.mp4" />



    </StackLayout>

</TabContentItem>

<TabContentItem class="pp">



  <StackLayout>

    <Image src="font://&#xf2bd;" class="fasl t-36l"></Image>
     <Label text="Sign up for an account" class="align1"/>
    <Button text="Sign up" tap="navigateToFeatured" class="signupcolor"/>

  </StackLayout>




</TabContentItem>

Antwort #1

Ihre beste Option ist die Verwendung des Musters „Nesting Lateral in Forward Navigation“. Verwenden Sie einen Frame als Root-Ansicht und haben Sie eine Hauptseite dafür. Fügen Sie innerhalb dieser Seite Ihre Aktionsleiste und die BottomNavigation selbst hinzu. Richtig, BottomNavigation kann auch innerhalb von Seiten verschachtelt werden.

Für weitere Informationen können Sie einen Blick in die Dokumentation werfen: https://docs.nativescript.org/core-concepts/nested-navigation