typescript - comment ajouter une barre d'action dans la navigation inférieure dans Nativescript

J'essaie d'ajouter un tiroir d'action ou une barre d'action à la navigation inférieure, des idées sur comment faire ? J'utilise TypeScript.

J'ai lu la documentation de NativeScript et je ne semble trouver aucune information à ce sujet.

s'il vous plaît, aidez-moi

Voici mon code ci-dessous :

   <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>

Réponse #1

Votre meilleure option est d'utiliser le modèle « Nesting Lateral in Forward Navigation ». Utilisez un Frame comme vue racine, et créez une page principale pour celui-ci. À l'intérieur de cette page, ajoutez votre barre d'action et le BottomNavigation lui-même. C'est exact, le BottomNavigation peut également être imbriqué à l'intérieur des pages.

Pour plus d'informations, vous pouvez consulter la documentation : https://docs.nativescript.org/core-concepts/nested-navigation