title: Nativescript RadListView not visible on iOS
body: <p>I have created an component with RadListView and placed on few pages in my application. The RadListView is inside an Panel, and the visibility of the RadListView is controlled using the Panel header. The functionality works appropriately on Android, however, on iOS(iPhone 5s iOS 11.1) the RadListView is not visible.</p>
  
  <p>I have tried wrapping the RadListView with GridLayout, however, that doesn't work.</p>
  
  <p><strong>Version information:</strong> nativescript-ui-listview: ^3.5.1, tns-core-modules: ^3.4.1</p>
  
  <p><strong>Component code:</strong></p>
  
  <pre><code>&lt;StackLayout xmlns:lv="nativescript-ui-listview"&gt;
      &lt;GridLayout rows="*" columns="auto, *, auto" verticalAlignment="top" onTap="EntityHeaderTap" class="entity-header"&gt;
          &lt;Image row="0" col="0" width="23" src="res://detail_Employee" verticalAlignment="center"/&gt;
          &lt;StackLayout row="0" col="1" orientation="horizontal" verticalAlignment="center" marginLeft="10"&gt;
              &lt;Label id="entityLabel" text="Employee" fontSize="15" verticalAlignment="center" color="#706e77"/&gt;
          &lt;/StackLayout&gt;
          &lt;Image id="entityArrow" row="0" col="2" width="14" src="res://arrow_u" verticalAlignment="center" /&gt;
      &lt;/GridLayout&gt;
      &lt;StackLayout id="entityContent" visibility="collapse" class="entity-content"&gt;
          &lt;lv:RadListView id="employeeListView"  items="{{ Employees }}" itemTap="EmployeeItemTap"  visibility="{{ Employees ? 'visible' : 'collapsed' }}" selectionBehavior="None" separatorColor="transparent" height="100%"&gt;
              &lt;lv:RadListView.itemTemplate&gt;
                  &lt;GridLayout columns="*, 17" rows="50" class="{{ IsLast ? 'entity-item-last' : 'entity-item' }}"&gt;
                      &lt;StackLayout col="0" verticalAlignment="center" marginLeft="5"&gt;
                          &lt;Label text="{{ FullName ? FullName : '' }}" textWrap="true" fontSize="14" color="#4B4F63"/&gt;
                          &lt;Label text="{{ OrganisationName ? OrganisationName : '' }}" visibility="{{ OrganisationName ? 'visible' : 'collapsed' }}" textWrap="true" fontSize="12" color="#706e77"/&gt;
                      &lt;/StackLayout&gt;
                      &lt;Image col="1" src="res://arrow_r" width="6" verticalAlignment="center"&gt;&lt;/Image&gt;
                  &lt;/GridLayout&gt;
              &lt;/lv:RadListView.itemTemplate&gt;
          &lt;/lv:RadListView&gt;
          &lt;StackLayout visibility="{{ Employees ? 'collapsed' : 'visible' }}"&gt;
              &lt;Label text="No record found" fontSize="14" padding="5" margin="0 5" color="#aeafb7" /&gt;
          &lt;/StackLayout&gt;
      &lt;/StackLayout&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  
  <p><strong>Implementation</strong></p>
  
  <pre><code>&lt;GridLayout rows="auto, auto, *, auto"&gt; 
      &lt;ScrollView row="3" visibility="{{ selectedTabIndex == 2 ? 'visible' : 'collapsed' }}"&gt;
          &lt;GridLayout rows="auto, auto, auto, auto, auto, auto, *" columns="*, *" class="tab-container" paddingBottom="15"&gt;
              ....
              &lt;SearchComponent:EmployeePanel row="3" colSpan="2" marginTop="15" /&gt;
          &lt;/GridLayout&gt;
      &lt;/ScrollView&gt;
  &lt;/GridLayout&gt;
  </code></pre>