Finding it very hard to find xml examples for native script. Is there a bootsnip for native script?
<p>I am trying to create a bottom bar in native script. My first attempt is below with very rudimentary idea. I am thinking of using font awesome then put the word below the icon. My question is are there any sample xml for this or website that has xml like bootsnip for bootstrap and whether hthe code below is a good way to accomplish the goal bottom navigation bar depicted in the picture.</p>

<p><a href="https://i.stack.imgur.com/4Antb.png" rel="nofollow"><img src="https://i.stack.imgur.com/4Antb.png" alt="enter image description here"></a></p>

<pre><code> &lt;DockLayout stretchLastChild="true"&gt;
        &lt;StackLayout dock="bottom" verticalAlignment="bottom" stretch="fill"&gt;
            &lt;StackLayout orientation="horizontal" horizontalAlignment="center"&gt;
                &lt;Label text="Home" dock="left" backgroundColor="red"&gt;&lt;/Label&gt;
                &lt;Label text="Medications" dock="left" backgroundColor="green"&gt;&lt;/Label&gt;
                &lt;Label text="Medication Detail" dock="left" backgroundColor="blue"&gt;&lt;/Label&gt;
                &lt;Label text="Whatever" backgroundColor="yellow"&gt;&lt;/Label&gt;
            &lt;/StackLayout&gt;
        &lt;/StackLayout&gt;
    &lt;/DockLayout&gt;
</code></pre>