title: For each TabStripItem in Tabs I want the width to be defined by the length of it's text in label
body: <p>I am using the <a href="https://docs.nativescript.org/ui/components/tabs" rel="nofollow noreferrer"><code>Tabs</code></a> component in Nativescript Vue and have set up a bunch of <code>tabStripItems</code> in <code>data</code> that renders each <code>TabStripItem</code> using <code>v-for</code>. I want the width of each <code>TabStripItem</code> to be defined by the length of the text in <code>Label</code>, as per <a href="https://storage.googleapis.com/spec-host-backup/mio-components%2Fassets%2F1pA2gYVY1WAw58epIs3rH8F6ABz5qu1uw%2Ftabs-scrollable-01.png" rel="nofollow noreferrer">Google's Material Design Guideline</a>.</p>
  
  <pre><code>&lt;Tabs&gt;
        &lt;TabStrip class="tab-strip"&gt;
            &lt;TabStripItem v-for="(item, index) in tabStripItems" :key="index" :width="item.text.length * 10"&gt;
               &lt;Label :text="item.text"&gt;&lt;/Label&gt;
            &lt;/TabStripItem&gt;
        &lt;/TabStrip&gt;
        ...
  &lt;/Tabs&gt;
  </code></pre>
  
  <p>I have tried out rendering each <code>TabStripItem</code> statically with an explict <code>width</code> attribute.</p>
  
  <pre><code>&lt;Tabs&gt;
      &lt;TabStrip class="tab-strip"&gt;
        &lt;TabStripItem width="80"&gt;
          &lt;Label text="Flat"&gt;&lt;/Label&gt;
        &lt;/TabStripItem&gt;
        &lt;TabStripItem width="160"&gt;
          &lt;Label text="Visitors"&gt;&lt;/Label&gt;
        &lt;/TabStripItem&gt;
        &lt;TabStripItem width="140"&gt;
          &lt;Label text="Parking"&gt;&lt;/Label&gt;
        &lt;/TabStripItem&gt;
        &lt;TabStripItem width="280"&gt;
          &lt;Label text="Family Members"&gt;&lt;/Label&gt;
        &lt;/TabStripItem&gt;
  
      &lt;/TabStrip&gt;
      ...
  &lt;/Tabs&gt;
  </code></pre>
  
  <p>The width of each <code>TabStripItem</code> is always proportionate to the length of the longest text, in this case "Family Members", consequently rendering the other items with a lot of white space.</p>
  
  <p>How to achieve unequal widths for <code>TabStripItem</code>s?</p>