title: NativeScript and a separate NavigationBar (ActionBar) for each tab
body: <p>I'm trying to implement a UI in my NativeScript app, where the app has 2 tabs, with each tab having a navigation stack of its own. A similar pattern is seen in some apps, such as the Photos app. Here is a demonstration:</p>
  
  <p><a href="https://i.stack.imgur.com/VRiTc.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VRiTc.gif" alt="enter image description here"></a></p>
  
  <p>Is that possible with NativeScript? With the following code (Angular 2), I end up with a single navigation bar shared across both tabs. Only the second one (title Nearby) is kept:</p>
  
  <pre><code>&lt;TabView&gt;
    &lt;StackLayout *tabItem="{ title: 'Home' }"&gt;
      &lt;ActionBar title="Home"&gt;&lt;/ActionBar&gt;
      &lt;mp-home&gt;&lt;/mp-home&gt;
    &lt;/StackLayout&gt;
    &lt;StackLayout *tabItem="{ title: 'Nearby' }"&gt;
      &lt;ActionBar title="Nearby"&gt;&lt;/ActionBar&gt;
      &lt;Label text="Placeholder for Nearby"&gt;&lt;/Label&gt;
    &lt;/StackLayout&gt;
  &lt;/TabView&gt;
  </code></pre>