title: Change Orientation to Vertical when use of Repeater
body: <p>I am creating a Horizontal scroll in NS. When using below code it's working as expected.</p>
  
  <pre><code>&lt;Page xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onPageLoad" class="page"&gt;
  &lt;StackLayout&gt;
      &lt;!-- This is where the magic happens --&gt;
      &lt;ScrollView orientation="horizontal"&gt;
          &lt;StackLayout orientation="horizontal" class="scroll-menu"&gt;
              &lt;StackLayout class="scroll-pane"&gt;
                  &lt;Button text="Button" /&gt;                  
              &lt;/StackLayout&gt;
              &lt;StackLayout class="scroll-pane"&gt;
                  &lt;Button text="Button" /&gt;                  
              &lt;/StackLayout&gt;
              &lt;StackLayout class="scroll-pane"&gt;
                  &lt;Button text="Button" /&gt;                  
              &lt;/StackLayout&gt;
              &lt;StackLayout class="scroll-pane"&gt;
                  &lt;Button text="Button" /&gt;                  
              &lt;/StackLayout&gt;
           &lt;/StackLayout&gt;
      &lt;/ScrollView&gt;
  
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>Horizontal Scroll:</p>
  
  <p><a href="https://i.stack.imgur.com/rtTgp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rtTgp.png" alt="enter image description here"></a></p>
  
  <p>But, Once I am using the Repeater it's changing to orientation with Vertical and not scrolling.</p>
  
  <pre><code>&lt;Page  xmlns="http://schemas.nativescript.org/tns.xsd" navigatingTo="onPageLoad" class="page"&gt;
  &lt;StackLayout&gt;
      &lt;!-- This is where the magic happens --&gt;
      &lt;ScrollView orientation="horizontal"&gt;
          &lt;StackLayout orientation="horizontal" class="scroll-menu"&gt;
          &lt;Repeater items="{{ categories }}"  &gt; 
              &lt;Repeater.itemTemplate&gt;
                  &lt;StackLayout class="scroll-pane" &gt;
                      &lt;Label text="{{name}}" /&gt;
                  &lt;/StackLayout&gt;                
              &lt;/Repeater.itemTemplate&gt;
          &lt;/Repeater&gt;
           &lt;/StackLayout&gt;
      &lt;/ScrollView&gt;
  
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>Change to Vertical when use of Repeater:</p>
  
  <p><a href="https://i.stack.imgur.com/pW9tc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pW9tc.png" alt="enter image description here"></a></p>
  
  <p>What's wrong with the code?</p>